/* Amelia Financial Design System — generated from tokens.json */
:root, [data-theme="cream-soda"] {
  --creamBg-25: #fffcf5;
  --creamBg-50: #faf6ee;
  --creamBg-100: #f0eadf;
  --creamBg-200: #ddd7ca;
  --creamBg-300: #c7c0b3;
  --creamBg-400: #afa89a;
  --creamBg-500: #928b7d;
  --creamBg-600: #6e675c;
  --creamBg-700: #504b42;
  --creamBg-800: #3d3931;
  --creamBg-900: #29251f;
  --creamBg-950: #1a1713;
  --shakeBg-25: #fffbfa;
  --shakeBg-50: #fff4f1;
  --shakeBg-100: #f9e7e2;
  --shakeBg-200: #e6d3ce;
  --shakeBg-300: #d2bcb8;
  --shakeBg-400: #bba39f;
  --shakeBg-500: #9f8683;
  --shakeBg-600: #796362;
  --shakeBg-700: #5a4747;
  --shakeBg-800: #463536;
  --shakeBg-900: #302223;
  --shakeBg-950: #1f1516;
  --peachBg-25: #fffcf9;
  --peachBg-50: #fff5ec;
  --peachBg-100: #fce7d7;
  --peachBg-200: #e9d3c2;
  --peachBg-300: #d4bdab;
  --peachBg-400: #bda492;
  --peachBg-500: #a18674;
  --peachBg-600: #7a6456;
  --peachBg-700: #59483e;
  --peachBg-800: #45362e;
  --peachBg-900: #2e231e;
  --peachBg-950: #1e1612;
  --mintBg-25: #f6fff6;
  --mintBg-50: #f0f9f1;
  --mintBg-100: #e1efe2;
  --mintBg-200: #ccdbce;
  --mintBg-300: #b5c5b8;
  --mintBg-400: #9bad9f;
  --mintBg-500: #7d9082;
  --mintBg-600: #5c6c61;
  --mintBg-700: #414f46;
  --mintBg-800: #303c34;
  --mintBg-900: #1e2822;
  --mintBg-950: #121915;
  --taffyBg-25: #f3fefe;
  --taffyBg-50: #edf9f9;
  --taffyBg-100: #dcefef;
  --taffyBg-200: #c7dbdb;
  --taffyBg-300: #afc5c6;
  --taffyBg-400: #95adae;
  --taffyBg-500: #769092;
  --taffyBg-600: #546c6e;
  --taffyBg-700: #394f51;
  --taffyBg-800: #283d3f;
  --taffyBg-900: #15292b;
  --taffyBg-950: #0c1a1b;
  --skyBg-25: #fafcff;
  --skyBg-50: #f1f7fe;
  --skyBg-100: #e3ecf6;
  --skyBg-200: #ced8e4;
  --skyBg-300: #b7c2d0;
  --skyBg-400: #9eaab9;
  --skyBg-500: #808d9e;
  --skyBg-600: #5e6979;
  --skyBg-700: #424c5b;
  --skyBg-800: #313a48;
  --skyBg-900: #1e2634;
  --skyBg-950: #121822;
  --lilacBg-25: #fdfcff;
  --lilacBg-50: #f9f5fe;
  --lilacBg-100: #eee9f7;
  --lilacBg-200: #dbd4e4;
  --lilacBg-300: #c5becf;
  --lilacBg-400: #ada5b8;
  --lilacBg-500: #90889d;
  --lilacBg-600: #6b6578;
  --lilacBg-700: #4e495a;
  --lilacBg-800: #3c3746;
  --lilacBg-900: #282431;
  --lilacBg-950: #191620;
  --latte-25: #fffcf8;
  --latte-50: #fcf5ed;
  --latte-100: #f6e9d9;
  --latte-200: #e6d5c0;
  --latte-300: #d3bea6;
  --latte-400: #c1a484;
  --latte-500: #a48667;
  --latte-600: #826244;
  --latte-700: #60462f;
  --latte-800: #4b3421;
  --latte-900: #332215;
  --latte-950: #21150c;
  --strawberryMilk-25: #fffbfd;
  --strawberryMilk-50: #fff4f8;
  --strawberryMilk-100: #ffe4ed;
  --strawberryMilk-200: #ffc9db;
  --strawberryMilk-300: #f7acc6;
  --strawberryMilk-400: #ea8cae;
  --strawberryMilk-500: #d06b8f;
  --strawberryMilk-600: #af406a;
  --strawberryMilk-700: #842a4b;
  --strawberryMilk-800: #681d38;
  --strawberryMilk-900: #451424;
  --strawberryMilk-950: #2b0e16;
  --apricot-25: #fffcf8;
  --apricot-50: #fff5ec;
  --apricot-100: #ffe7d1;
  --apricot-200: #fbcfaa;
  --apricot-300: #f4b382;
  --apricot-400: #e09864;
  --apricot-500: #c37a46;
  --apricot-600: #a0541d;
  --apricot-700: #763b15;
  --apricot-800: #5c2c10;
  --apricot-900: #3d1d0c;
  --apricot-950: #271208;
  --dinerGreen-25: #f4fff5;
  --dinerGreen-50: #ebfbec;
  --dinerGreen-100: #daf1dd;
  --dinerGreen-200: #bee0c2;
  --dinerGreen-300: #9dcca4;
  --dinerGreen-400: #77b783;
  --dinerGreen-500: #569a66;
  --dinerGreen-600: #2b7642;
  --dinerGreen-700: #1b562e;
  --dinerGreen-800: #124223;
  --dinerGreen-900: #0a2c17;
  --dinerGreen-950: #061c0e;
  --aqua-25: #f1fffe;
  --aqua-50: #ebf9f8;
  --aqua-100: #d2f1f0;
  --aqua-200: #b0e0e0;
  --aqua-300: #87cdcf;
  --aqua-400: #64b5ba;
  --aqua-500: #3f989f;
  --aqua-600: #00737e;
  --aqua-700: #00545e;
  --aqua-800: #004049;
  --aqua-900: #002a32;
  --aqua-950: #001b21;
  --cornflower-25: #f9fdff;
  --cornflower-50: #eef8ff;
  --cornflower-100: #d8eeff;
  --cornflower-200: #b3dcfc;
  --cornflower-300: #92c7f0;
  --cornflower-400: #6eafe2;
  --cornflower-500: #4991cb;
  --cornflower-600: #0f6cae;
  --cornflower-700: #024e85;
  --cornflower-800: #003b69;
  --cornflower-900: #042747;
  --cornflower-950: #05182e;
  --lavender-25: #fdfcff;
  --lavender-50: #f9f5ff;
  --lavender-100: #f1e7ff;
  --lavender-200: #e0d1f4;
  --lavender-300: #ccb9e5;
  --lavender-400: #b79ed7;
  --lavender-500: #9b7fc0;
  --lavender-600: #7a58a4;
  --lavender-700: #5a3e7f;
  --lavender-800: #462c67;
  --lavender-900: #2e1e45;
  --lavender-950: #1c132c;
  --midnight-25: #fafcff;
  --midnight-50: #f3f7fc;
  --midnight-100: #e8ebf0;
  --midnight-200: #d4d7db;
  --midnight-300: #bec1c6;
  --midnight-400: #a5a9ae;
  --midnight-500: #878c92;
  --midnight-600: #636970;
  --midnight-700: #464c54;
  --midnight-800: #343a42;
  --midnight-900: #20262f;
  --midnight-950: #13181f;
  --blackCherry-25: #fffbfd;
  --blackCherry-50: #fbf5f7;
  --blackCherry-100: #f1e9ec;
  --blackCherry-200: #dfd4d9;
  --blackCherry-300: #cabec3;
  --blackCherry-400: #b3a5ab;
  --blackCherry-500: #97878e;
  --blackCherry-600: #75636b;
  --blackCherry-700: #5a464f;
  --blackCherry-800: #48333d;
  --blackCherry-900: #342029;
  --blackCherry-950: #24121b;
  --dusk-25: #fdfcff;
  --dusk-50: #f7f6fb;
  --dusk-100: #eceaf0;
  --dusk-200: #d8d6dd;
  --dusk-300: #c2c0c8;
  --dusk-400: #aaa7b1;
  --dusk-500: #8d8a95;
  --dusk-600: #6a6673;
  --dusk-700: #4e4958;
  --dusk-800: #3c3746;
  --dusk-900: #282333;
  --dusk-950: #1a1522;
  --spruce-25: #f6fefc;
  --spruce-50: #f1f8f6;
  --spruce-100: #e5edeb;
  --spruce-200: #d0d9d7;
  --spruce-300: #b8c3c1;
  --spruce-400: #9faba8;
  --spruce-500: #808e8c;
  --spruce-600: #5b6c68;
  --spruce-700: #3c4f4b;
  --spruce-800: #283d39;
  --spruce-900: #142a26;
  --spruce-950: #081b18;
  --deepSea-25: #f7fdff;
  --deepSea-50: #f1f8f9;
  --deepSea-100: #e4edef;
  --deepSea-200: #ced9dc;
  --deepSea-300: #b6c3c6;
  --deepSea-400: #9cabaf;
  --deepSea-500: #7d8f93;
  --deepSea-600: #576c70;
  --deepSea-700: #374f55;
  --deepSea-800: #233d43;
  --deepSea-900: #0d2930;
  --deepSea-950: #031b20;
  --navy-25: #fafcff;
  --navy-50: #f3f7fc;
  --navy-100: #e7ebf2;
  --navy-200: #d1d8e2;
  --navy-300: #bac2cd;
  --navy-400: #a0a9b7;
  --navy-500: #828c9c;
  --navy-600: #5d697b;
  --navy-700: #3f4c60;
  --navy-800: #2b3a4f;
  --navy-900: #18263c;
  --navy-950: #0c182a;
  --violetHour-25: #fcfcff;
  --violetHour-50: #f7f6fc;
  --violetHour-100: #ebeaf1;
  --violetHour-200: #d8d6e0;
  --violetHour-300: #c2c0cb;
  --violetHour-400: #a9a7b4;
  --violetHour-500: #8c8a99;
  --violetHour-600: #696677;
  --violetHour-700: #4d495c;
  --violetHour-800: #3b364b;
  --violetHour-900: #272337;
  --violetHour-950: #191526;
  --butter-25: #fffcef;
  --butter-50: #fef7d5;
  --butter-100: #f9ebb1;
  --butter-200: #f5d56b;
  --butter-300: #e2bd4e;
  --butter-400: #cea326;
  --butter-500: #b2840d;
  --butter-600: #8c6000;
  --butter-700: #6a4300;
  --butter-800: #543103;
  --butter-900: #392008;
  --butter-950: #241407;
  --tomato-25: #fffbfa;
  --tomato-50: #fff4f1;
  --tomato-100: #ffe6de;
  --tomato-200: #ffccbd;
  --tomato-300: #f9af9f;
  --tomato-400: #f18e7a;
  --tomato-500: #d76c5b;
  --tomato-600: #b64034;
  --tomato-700: #852e26;
  --tomato-800: #67221d;
  --tomato-900: #441815;
  --tomato-950: #2a100e;
  --blueberry-25: #fafcff;
  --blueberry-50: #f0f7ff;
  --blueberry-100: #dcedff;
  --blueberry-200: #c0daf9;
  --blueberry-300: #a1c4f1;
  --blueberry-400: #80abe7;
  --blueberry-500: #608cd1;
  --blueberry-600: #3a66b6;
  --blueberry-700: #29498a;
  --blueberry-800: #1e376e;
  --blueberry-900: #152449;
  --blueberry-950: #0d172f;
  --ink-25: #fafdfa;
  --ink-50: #f4f7f4;
  --ink-100: #e8ece9;
  --ink-200: #d4d8d4;
  --ink-300: #bdc2be;
  --ink-400: #a3aaa5;
  --ink-500: #858d87;
  --ink-600: #616a64;
  --ink-700: #434e47;
  --ink-800: #303c35;
  --ink-900: #1c2821;
  --ink-950: #111915;
  --canvas: var(--creamBg-100);
  --tile: var(--creamBg-25);
  --raised: var(--creamBg-25);
  --hairline: var(--creamBg-200);
  --outline: var(--ink-600);
  --controlEdge: var(--creamBg-500);
  --textPrimary: var(--ink-900);
  --textSecondary: var(--creamBg-700);
  --link: var(--latte-700);
  --buttonFill: var(--latte-300);
  --buttonLabel: var(--latte-950);
  --buttonEdge: var(--latte-600);
  --buttonPressed: var(--latte-400);
  --focusRing: var(--latte-600);
  --tabSelectedPill: var(--latte-100);
  --tabLabel: var(--latte-800);
  --rowSelected: var(--latte-100);
  --rowSelectedEdge: var(--latte-600);
  --checkFill: var(--latte-700);
  --checkGlyph: var(--latte-50);
  --iconTile: var(--latte-100);
  --iconGlyph: var(--latte-800);
  --secondaryButtonFill: var(--creamBg-25);
  --secondaryButtonEdge: var(--latte-600);
  --secondaryButtonLabel: var(--latte-800);
  --chartBar: var(--latte-200);
  --chartCurrent: var(--latte-500);
  --highlight: var(--latte-200);
  --artKeyline: var(--creamBg-50);
  --artField: var(--creamBg-100);
  --pointerHover: var(--creamBg-50);
  --ownedBanner: #f5d56b;
  --ownedEyebrow: #543103;
  --ownedAmount: #392008;
  --actionConfirm: #3a66b6;
  --actionConfirmIC: #29498a;
  --person1Fill: #f5d56b;
  --person1Label: #392008;
  --person2Fill: #f18e7a;
  --person2Label: #2a100e;
  --person3Fill: #80abe7;
  --person3Label: #0d172f;
  --success: #1b562e;
  --successDark: #bee0c2;
  --needsLook: #6a4300;
  --needsLookDark: #f5d56b;
  --error: #901e32;
  --errorDark: #fbccca;
  --artLine: #1c2821;
  --artLineIC: #111915;
  --artWorld: #00545e;
  --artSkin: #dda982;
  --artHair: #3b2a22;
  --artTrousers: #3a3f45;
  --artShoes: #2a2622;
  --artSpark: #f5d56b;
  --mockWallpaper: var(--navy-800);
  --mockGlass: rgba(250, 250, 250, 0.88);
  --mockGlassText: #1a1713;
  --shadow-fab: 0 6px 14px rgba(28, 40, 33, 0.18);
}
[data-theme="strawberry-shake"] {
  --canvas: var(--shakeBg-100);
  --tile: var(--shakeBg-25);
  --raised: var(--shakeBg-25);
  --hairline: var(--shakeBg-200);
  --outline: var(--ink-600);
  --controlEdge: var(--shakeBg-500);
  --textPrimary: var(--ink-900);
  --textSecondary: var(--shakeBg-700);
  --link: var(--strawberryMilk-700);
  --buttonFill: var(--strawberryMilk-300);
  --buttonLabel: var(--strawberryMilk-950);
  --buttonEdge: var(--strawberryMilk-600);
  --buttonPressed: var(--strawberryMilk-400);
  --focusRing: var(--strawberryMilk-600);
  --tabSelectedPill: var(--strawberryMilk-100);
  --tabLabel: var(--strawberryMilk-800);
  --rowSelected: var(--strawberryMilk-100);
  --rowSelectedEdge: var(--strawberryMilk-600);
  --checkFill: var(--strawberryMilk-700);
  --checkGlyph: var(--strawberryMilk-50);
  --iconTile: var(--strawberryMilk-100);
  --iconGlyph: var(--strawberryMilk-800);
  --secondaryButtonFill: var(--shakeBg-25);
  --secondaryButtonEdge: var(--strawberryMilk-600);
  --secondaryButtonLabel: var(--strawberryMilk-800);
  --chartBar: var(--strawberryMilk-200);
  --chartCurrent: var(--strawberryMilk-500);
  --highlight: var(--strawberryMilk-200);
  --artKeyline: var(--shakeBg-50);
  --artField: var(--shakeBg-100);
  --pointerHover: var(--shakeBg-50);
  --mockWallpaper: var(--navy-800);
}
[data-theme="peach-cobbler"] {
  --canvas: var(--peachBg-100);
  --tile: var(--peachBg-25);
  --raised: var(--peachBg-25);
  --hairline: var(--peachBg-200);
  --outline: var(--ink-600);
  --controlEdge: var(--peachBg-500);
  --textPrimary: var(--ink-900);
  --textSecondary: var(--peachBg-700);
  --link: var(--apricot-700);
  --buttonFill: var(--apricot-300);
  --buttonLabel: var(--apricot-950);
  --buttonEdge: var(--apricot-600);
  --buttonPressed: var(--apricot-400);
  --focusRing: var(--apricot-600);
  --tabSelectedPill: var(--apricot-100);
  --tabLabel: var(--apricot-800);
  --rowSelected: var(--apricot-100);
  --rowSelectedEdge: var(--apricot-600);
  --checkFill: var(--apricot-700);
  --checkGlyph: var(--apricot-50);
  --iconTile: var(--apricot-100);
  --iconGlyph: var(--apricot-800);
  --secondaryButtonFill: var(--peachBg-25);
  --secondaryButtonEdge: var(--apricot-600);
  --secondaryButtonLabel: var(--apricot-800);
  --chartBar: var(--apricot-200);
  --chartCurrent: var(--apricot-500);
  --highlight: var(--apricot-200);
  --artKeyline: var(--peachBg-50);
  --artField: var(--peachBg-100);
  --pointerHover: var(--peachBg-50);
  --mockWallpaper: var(--navy-800);
}
[data-theme="mint-chip"] {
  --canvas: var(--mintBg-100);
  --tile: var(--mintBg-25);
  --raised: var(--mintBg-25);
  --hairline: var(--mintBg-200);
  --outline: var(--ink-600);
  --controlEdge: var(--mintBg-500);
  --textPrimary: var(--ink-900);
  --textSecondary: var(--mintBg-700);
  --link: var(--dinerGreen-700);
  --buttonFill: var(--dinerGreen-300);
  --buttonLabel: var(--dinerGreen-950);
  --buttonEdge: var(--dinerGreen-600);
  --buttonPressed: var(--dinerGreen-400);
  --focusRing: var(--dinerGreen-600);
  --tabSelectedPill: var(--dinerGreen-100);
  --tabLabel: var(--dinerGreen-800);
  --rowSelected: var(--dinerGreen-100);
  --rowSelectedEdge: var(--dinerGreen-600);
  --checkFill: var(--dinerGreen-700);
  --checkGlyph: var(--dinerGreen-50);
  --iconTile: var(--dinerGreen-100);
  --iconGlyph: var(--dinerGreen-800);
  --secondaryButtonFill: var(--mintBg-25);
  --secondaryButtonEdge: var(--dinerGreen-600);
  --secondaryButtonLabel: var(--dinerGreen-800);
  --chartBar: var(--dinerGreen-200);
  --chartCurrent: var(--dinerGreen-500);
  --highlight: var(--dinerGreen-200);
  --artKeyline: var(--mintBg-50);
  --artField: var(--mintBg-100);
  --pointerHover: var(--mintBg-50);
  --mockWallpaper: var(--navy-800);
}
[data-theme="saltwater-taffy"] {
  --canvas: var(--taffyBg-100);
  --tile: var(--taffyBg-25);
  --raised: var(--taffyBg-25);
  --hairline: var(--taffyBg-200);
  --outline: var(--ink-600);
  --controlEdge: var(--taffyBg-500);
  --textPrimary: var(--ink-900);
  --textSecondary: var(--taffyBg-700);
  --link: var(--aqua-700);
  --buttonFill: var(--aqua-300);
  --buttonLabel: var(--aqua-950);
  --buttonEdge: var(--aqua-600);
  --buttonPressed: var(--aqua-400);
  --focusRing: var(--aqua-600);
  --tabSelectedPill: var(--aqua-100);
  --tabLabel: var(--aqua-800);
  --rowSelected: var(--aqua-100);
  --rowSelectedEdge: var(--aqua-600);
  --checkFill: var(--aqua-700);
  --checkGlyph: var(--aqua-50);
  --iconTile: var(--aqua-100);
  --iconGlyph: var(--aqua-800);
  --secondaryButtonFill: var(--taffyBg-25);
  --secondaryButtonEdge: var(--aqua-600);
  --secondaryButtonLabel: var(--aqua-800);
  --chartBar: var(--aqua-200);
  --chartCurrent: var(--aqua-500);
  --highlight: var(--aqua-200);
  --artKeyline: var(--taffyBg-50);
  --artField: var(--taffyBg-100);
  --pointerHover: var(--taffyBg-50);
  --mockWallpaper: var(--navy-800);
}
[data-theme="blueberry-stack"] {
  --canvas: var(--skyBg-100);
  --tile: var(--skyBg-25);
  --raised: var(--skyBg-25);
  --hairline: var(--skyBg-200);
  --outline: var(--ink-600);
  --controlEdge: var(--skyBg-500);
  --textPrimary: var(--ink-900);
  --textSecondary: var(--skyBg-700);
  --link: var(--cornflower-700);
  --buttonFill: var(--cornflower-300);
  --buttonLabel: var(--cornflower-950);
  --buttonEdge: var(--cornflower-600);
  --buttonPressed: var(--cornflower-400);
  --focusRing: var(--cornflower-600);
  --tabSelectedPill: var(--cornflower-100);
  --tabLabel: var(--cornflower-800);
  --rowSelected: var(--cornflower-100);
  --rowSelectedEdge: var(--cornflower-600);
  --checkFill: var(--cornflower-700);
  --checkGlyph: var(--cornflower-50);
  --iconTile: var(--cornflower-100);
  --iconGlyph: var(--cornflower-800);
  --secondaryButtonFill: var(--skyBg-25);
  --secondaryButtonEdge: var(--cornflower-600);
  --secondaryButtonLabel: var(--cornflower-800);
  --chartBar: var(--cornflower-200);
  --chartCurrent: var(--cornflower-500);
  --highlight: var(--cornflower-200);
  --artKeyline: var(--skyBg-50);
  --artField: var(--skyBg-100);
  --pointerHover: var(--skyBg-50);
  --mockWallpaper: var(--navy-800);
}
[data-theme="lilac-float"] {
  --canvas: var(--lilacBg-100);
  --tile: var(--lilacBg-25);
  --raised: var(--lilacBg-25);
  --hairline: var(--lilacBg-200);
  --outline: var(--ink-600);
  --controlEdge: var(--lilacBg-500);
  --textPrimary: var(--ink-900);
  --textSecondary: var(--lilacBg-700);
  --link: var(--lavender-700);
  --buttonFill: var(--lavender-300);
  --buttonLabel: var(--lavender-950);
  --buttonEdge: var(--lavender-600);
  --buttonPressed: var(--lavender-400);
  --focusRing: var(--lavender-600);
  --tabSelectedPill: var(--lavender-100);
  --tabLabel: var(--lavender-800);
  --rowSelected: var(--lavender-100);
  --rowSelectedEdge: var(--lavender-600);
  --checkFill: var(--lavender-700);
  --checkGlyph: var(--lavender-50);
  --iconTile: var(--lavender-100);
  --iconGlyph: var(--lavender-800);
  --secondaryButtonFill: var(--lilacBg-25);
  --secondaryButtonEdge: var(--lavender-600);
  --secondaryButtonLabel: var(--lavender-800);
  --chartBar: var(--lavender-200);
  --chartCurrent: var(--lavender-500);
  --highlight: var(--lavender-200);
  --artKeyline: var(--lilacBg-50);
  --artField: var(--lilacBg-100);
  --pointerHover: var(--lilacBg-50);
  --mockWallpaper: var(--navy-800);
}
[data-theme="navy-dark"] {
  --canvas: var(--navy-950);
  --tile: var(--navy-900);
  --raised: var(--navy-800);
  --hairline: var(--navy-800);
  --outline: var(--navy-500);
  --controlEdge: var(--navy-500);
  --textPrimary: var(--skyBg-50);
  --textSecondary: var(--navy-300);
  --link: var(--cornflower-300);
  --buttonFill: var(--cornflower-300);
  --buttonLabel: var(--cornflower-950);
  --buttonEdge: var(--cornflower-300);
  --buttonPressed: var(--cornflower-200);
  --focusRing: var(--cornflower-200);
  --tabSelectedPill: var(--navy-800);
  --tabLabel: var(--cornflower-200);
  --rowSelected: var(--navy-800);
  --rowSelectedEdge: var(--cornflower-300);
  --checkFill: var(--cornflower-300);
  --checkGlyph: var(--cornflower-950);
  --iconTile: var(--navy-800);
  --iconGlyph: var(--cornflower-200);
  --secondaryButtonFill: var(--navy-900);
  --secondaryButtonEdge: var(--cornflower-300);
  --secondaryButtonLabel: var(--cornflower-200);
  --chartBar: var(--navy-700);
  --chartCurrent: var(--cornflower-300);
  --highlight: var(--cornflower-200);
  --artKeyline: var(--skyBg-50);
  --artField: var(--navy-800);
  --pointerHover: var(--navy-800);
  --success: var(--successDark);
  --needsLook: var(--needsLookDark);
  --error: var(--errorDark);
  --mockWallpaper: var(--navy-800);
}
:root {
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-s: 8px;
  --space-m: 12px;
  --space-l: 16px;
  --space-xl: 24px;
  --space-xxl: 32px;
  --margin-card: 16px;
  --margin-header: 20px;
  --margin-foot: 24px;
  --margin-onboarding: 28px;
  --row-settings: 52px;
  --row-guestcheck: 54px;
  --row-default: 60px;
  --row-menu: 64px;
  --row-people: 66px;
  --row-settle: 70px;
  --row-featured: 72px;
  --control-primary: 52px;
  --control-chip: 44px;
  --control-tag: 32px;
  --control-segmented: 40px;
  --tabbar-content: 56px;
  --tab-pill: 50px;
  --fab: 54px;
  --fab-raise: 14px;
  --avatar-row: 40px;
  --camera-inset: 8px;
  --bp-medium: 600px;
  --bp-large: 1024px;
  --bp-xlarge: 1440px;
  --content-max: 640px;
  --content-max-wide: 1120px;
  --margin-regular: 24px;
  --margin-wide: 40px;
  --column-gap: 20px;
  --sidebar-width: 300px;
  --formsheet-width: 540px;
  --popover-width: 375px;
  --radius-card: 20px;
  --radius-banner: 24px;
  --radius-sheet: 30px;
  --radius-person: 18px;
  --radius-strip: 16px;
  --radius-field: 14px;
  --radius-field-search: 12px;
  --radius-icon-tile: 14px;
  --radius-icon-tile-s: 12px;
  --radius-icon-tile-xs: 9px;
  --radius-segment: 12px;
  --radius-tab-pill: 14px;
  --radius-fab: 20px;
  --radius-sticker: 28px;
  --radius-camera: 38px;
  --radius-frame: 22px;
  --radius-pill: 999px;
  --edge-outline: 1.5px;
  --edge-outline-ic: 2px;
  --edge-hairline: 1px;
  --edge-perforation: 1.5px;
  --scrim: 32%;
  --camera-dim: 42%;
  --press-scale: 0.92;
  --motion-oneshot: 0.9s;
  --motion-dismiss: 120px;
  --font-serif: "Fraunces", Georgia, "Times New Roman", serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "Plex Sans", system-ui, sans-serif;
  --font-mono: "Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --text-display: 700 34px/1.08 var(--font-serif);
  --text-celebration: 700 36px/1.0 var(--font-serif);
  --text-title: 700 28px/1.12 var(--font-serif);
  --text-title2: 700 22px/1.2 var(--font-serif);
  --text-webHero: 700 56px/1.04 var(--font-serif);
  --text-webHeroCompact: 700 40px/1.06 var(--font-serif);
  --text-body: 400 17px/1.45 var(--font-sans);
  --text-headline: 600 17px/1.3 var(--font-sans);
  --text-callout: 600 16px/1.3 var(--font-sans);
  --text-meta: 400 15px/1.35 var(--font-sans);
  --text-caption: 400 13px/1.3 var(--font-sans);
  --text-amount: 600 17px/1.2 var(--font-sans);
  --text-amountHero: 700 34px/1.05 var(--font-sans);
  --text-eyebrow: 600 13px/1.4 var(--font-mono);
  --text-tabLabel: 600 11px/1.4 var(--font-mono);
}
.display {
  font-family: var(--font-serif);
  font-size: 34px;
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.celebration {
  font-family: var(--font-serif);
  font-size: 36px;
  line-height: 1.0;
  font-weight: 700;
  letter-spacing: 0;
}
.title {
  font-family: var(--font-serif);
  font-size: 28px;
  line-height: 1.12;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.title2 {
  font-family: var(--font-serif);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0;
}
.webHero {
  font-family: var(--font-serif);
  font-size: 56px;
  line-height: 1.04;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.webHeroCompact {
  font-family: var(--font-serif);
  font-size: 40px;
  line-height: 1.06;
  font-weight: 700;
  letter-spacing: -0.015em;
}
.body {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: 0;
}
.headline {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0;
}
.callout {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0;
}
.meta {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 400;
  letter-spacing: 0;
}
.caption {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0;
}
.amount {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0;
}
.amountHero {
  font-family: var(--font-sans);
  font-size: 34px;
  line-height: 1.05;
  font-weight: 700;
  letter-spacing: 0;
}
.eyebrow {
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 0.06em;
}
.tabLabel {
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 0;
}
@font-face {
  font-family: "Fraunces";
  src: url("fonts/fraunces-var.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plex Sans";
  src: url("fonts/plex-sans-var.woff2") format("woff2");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plex Mono";
  src: url("fonts/plex-mono-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plex Mono";
  src: url("fonts/plex-mono-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plex Mono";
  src: url("fonts/plex-mono-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}