/* Shared design tokens. Typography roles are applied by components.css. */
:root {
  --font-title: "Anton", sans-serif;
  --font-interface: "Familjen Grotesk", sans-serif;
  /* Explicit control sizes requested alongside the eight text roles. */
  --control-label: 15px;
  --ink: #0E0D0B; --surface: #1A1916; --line: #2E2B26; --muted: #9A958A;
  --paper: #EDE8DD; --salsa: #FF5A36; --girasol: #F2B632;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --space-11: 192px;
  --radius-media: 0; --radius-control: 6px; --radius-pill: 999px;
  --control-radius: var(--radius-control);
  --ease-salsa: cubic-bezier(0.16,1,0.3,1);
  --dur-1: 160ms; --dur-2: 320ms; --dur-3: 640ms;
  /* Existing coming-soon palette, isolated from the portfolio palette. */
  --launch-paper: #f0ede5; --launch-ink: #171815; --launch-line: #ffffff26;
  --display-xl: clamp(72px, calc(72px + (100vw - 390px) * 0.09904762), 176px); --display-xl-leading: 0.9;
  --display-l: clamp(56px, calc(56px + (100vw - 390px) * 0.05333333), 112px); --display-l-leading: 0.9;
  --display-m: clamp(40px, calc(40px + (100vw - 390px) * 0.02285714), 64px); --display-m-leading: 0.95;
  --h3: clamp(22px, calc(22px + (100vw - 390px) * 0.00571429), 28px); --h3-leading: 1.15;
  --body-l: clamp(18px, calc(18px + (100vw - 390px) * 0.00190476), 20px); --body-l-leading: 1.45;
  --body: clamp(16px, calc(16px + (100vw - 390px) * 0.00000000), 16px); --body-leading: 1.55;
  --small: clamp(13px, calc(13px + (100vw - 390px) * 0.00000000), 13px); --small-leading: 1.4;
  /* Preserved artwork colors and translucent shades: no palette redesign. */
  --color-000: #000;
  --color-00000020: #00000020;
  --color-0001: #0001;
  --color-0002: #0002;
  --color-0003: #0003;
  --color-0004: #0004;
  --color-0005: #0005;
  --color-0007: #0007;
  --color-0008: #0008;
  --color-0009: #0009;
  --color-000a: #000a;
  --color-000b: #000b;
  --color-020412: #020412;
  --color-020416a6: #020416a6;
  --color-020820aa: #020820aa;
  --color-03005e70: #03005e70;
  --color-04050ace: #04050ace;
  --color-070707: #070707;
  --color-070709: #070709;
  --color-070d1b: #070d1b;
  --color-080715bb: #080715bb;
  --color-080807: #080807;
  --color-08080714: #08080714;
  --color-080807a0: #080807a0;
  --color-080808: #080808;
  --color-080809: #080809;
  --color-08090d: #08090d;
  --color-080c16dc: #080c16dc;
  --color-09015299: #09015299;
  --color-090605: #090605;
  --color-090a0873: #090a0873;
  --color-090a0a: #090a0a;
  --color-090c09b0: #090c09b0;
  --color-0a102299: #0a102299;
  --color-0a1120: #0a1120;
  --color-0b081375: #0b081375;
  --color-0b0b0bd9: #0b0b0bd9;
  --color-0b112477: #0b112477;
  --color-0c0a0845: #0c0a0845;
  --color-0c0a08ad: #0c0a08ad;
  --color-0c100ba3: #0c100ba3;
  --color-0e0d0be6: #0e0d0be6;
  --color-0e1416: #0e1416;
  --color-0e211b: #0e211b;
  --color-100d0b: #100d0b;
  --color-100d0be6: #100d0be6;
  --color-100d0bf2: #100d0bf2;
  --color-10101030: #10101030;
  --color-10101040: #10101040;
  --color-10101066: #10101066;
  --color-10101080: #10101080;
  --color-10101088: #10101088;
  --color-101010bd: #101010bd;
  --color-101010cc: #101010cc;
  --color-101010de: #101010de;
  --color-101010e8: #101010e8;
  --color-101010f2: #101010f2;
  --color-101010f5: #101010f5;
  --color-101017: #101017;
  --color-10101a: #10101a;
  --color-101119: #101119;
  --color-101737: #101737;
  --color-111: #111;
  --color-11110f: #11110f;
  --color-1113: #1113;
  --color-1115: #1115;
  --color-111e: #111e;
  --color-12111ade: #12111ade;
  --color-121212: #121212;
  --color-130b0870: #130b0870;
  --color-130e0770: #130e0770;
  --color-1409c9: #1409c9;
  --color-140f0d: #140f0d;
  --color-140f0dbd: #140f0dbd;
  --color-140f0dd9: #140f0dd9;
  --color-141413f5: #141413f5;
  --color-141414: #141414;
  --color-141522: #141522;
  --color-15100b: #15100b;
  --color-151515: #151515;
  --color-151612e6: #151612e6;
  --color-151614e8: #151614e8;
  --color-161614: #161614;
  --color-161714: #161714;
  --color-17120d: #17120d;
  --color-171716: #171716;
  --color-171717: #171717;
  --color-171814: #171814;
  --color-171815: #171815;
  --color-17181512: #17181512;
  --color-17181520: #17181520;
  --color-17181530: #17181530;
  --color-171a1c: #171a1c;
  --color-18140e: #18140e;
  --color-181815: #181815;
  --color-181916: #181916;
  --color-181b14: #181b14;
  --color-191715: #191715;
  --color-19171540: #19171540;
  --color-19171570: #19171570;
  --color-191919: #191919;
  --color-191a14: #191a14;
  --color-191a1426: #191a1426;
  --color-1a1915: #1a1915;
  --color-1a191530: #1a191530;
  --color-1a191540: #1a191540;
  --color-1a1a1a: #1a1a1a;
  --color-1b142b: #1b142b;
  --color-1b1c19f5: #1b1c19f5;
  --color-1c1d1bd9: #1c1d1bd9;
  --color-1c2413: #1c2413;
  --color-201f1b: #201f1b;
  --color-20211e: #20211e;
  --color-21190e: #21190e;
  --color-21190e55: #21190e55;
  --color-211c16: #211c16;
  --color-22231f: #22231f;
  --color-252523: #252523;
  --color-272820: #272820;
  --color-283c1745: #283c1745;
  --color-2e3228: #2e3228;
  --color-30264e: #30264e;
  --color-30264e30: #30264e30;
  --color-393936: #393936;
  --color-444: #444;
  --color-55000060: #55000060;
  --color-555047: #555047;
  --color-57534a: #57534a;
  --color-585751: #585751;
  --color-5a0615cc: #5a0615cc;
  --color-5a5954: #5a5954;
  --color-5d5b54: #5d5b54;
  --color-60615f: #60615f;
  --color-615b54: #615b54;
  --color-625b52: #625b52;
  --color-6c6c64: #6c6c64;
  --color-6d715019: #6d715019;
  --color-888: #888;
  --color-8884: #8884;
  --color-8b603b38: #8b603b38;
  --color-8b705027: #8b705027;
  --color-8e8e83: #8e8e83;
  --color-945b3024: #945b3024;
  --color-999: #999;
  --color-a15e3526: #a15e3526;
  --color-a29c91: #a29c91;
  --color-a29f98: #a29f98;
  --color-a4a4a4: #a4a4a4;
  --color-a6a2b1: #a6a2b1;
  --color-a9583124: #a9583124;
  --color-a9905120: #a9905120;
  --color-a9a7a1: #a9a7a1;
  --color-aaa: #aaa;
  --color-aaa69e: #aaa69e;
  --color-aaa6a0: #aaa6a0;
  --color-aaa8a1: #aaa8a1;
  --color-aaa8a2: #aaa8a2;
  --color-aaa99f: #aaa99f;
  --color-aaa9a2: #aaa9a2;
  --color-aeafb0: #aeafb0;
  --color-afa99e: #afa99e;
  --color-b1afa8: #b1afa8;
  --color-b2a99a: #b2a99a;
  --color-b39b6822: #b39b6822;
  --color-b3b0a4: #b3b0a4;
  --color-b4b1a8: #b4b1a8;
  --color-b4b1aa: #b4b1aa;
  --color-b4b4b4: #b4b4b4;
  --color-b5b4c1: #b5b4c1;
  --color-b6b2a8: #b6b2a8;
  --color-b6b2aa: #b6b2aa;
  --color-b6b5ab: #b6b5ab;
  --color-b7ace1: #b7ace1;
  --color-b7b3a9: #b7b3a9;
  --color-b7b3ac: #b7b3ac;
  --color-b7b6ad: #b7b6ad;
  --color-b7b7b2: #b7b7b2;
  --color-b8b3a9: #b8b3a9;
  --color-b8b7af: #b8b7af;
  --color-bab9ae: #bab9ae;
  --color-bbb: #bbb;
  --color-bcbab4: #bcbab4;
  --color-bd142b80: #bd142b80;
  --color-c0adc9: #c0adc9;
  --color-c0b9ad: #c0b9ad;
  --color-c1beb7: #c1beb7;
  --color-c2b7a5: #c2b7a5;
  --color-c4c1b7: #c4c1b7;
  --color-c4c2bd: #c4c2bd;
  --color-c5c2b6: #c5c2b6;
  --color-c5c4b9: #c5c4b9;
  --color-c5c5c5: #c5c5c5;
  --color-c7c0b4: #c7c0b4;
  --color-c84528: #c84528;
  --color-c8c3d2: #c8c3d2;
  --color-c8c6bc: #c8c6bc;
  --color-c9c8be: #c9c8be;
  --color-c9ed48: #c9ed48;
  --color-cab0e8: #cab0e8;
  --color-ccc: #ccc;
  --color-cfc9bd: #cfc9bd;
  --color-cfcad980: #cfcad980;
  --color-d0cec7: #d0cec7;
  --color-d3c1df: #d3c1df;
  --color-d3d0c7: #d3d0c7;
  --color-d5d6df80: #d5d6df80;
  --color-d8d6cd: #d8d6cd;
  --color-d9d4c14d: #d9d4c14d;
  --color-dce0bf: #dce0bf;
  --color-ddc39c40: #ddc39c40;
  --color-ded8cd: #ded8cd;
  --color-dfd7c4: #dfd7c4;
  --color-e0be8e45: #e0be8e45;
  --color-e1d8c9: #e1d8c9;
  --color-e4c04f: #e4c04f;
  --color-e5ccac8c: #e5ccac8c;
  --color-e5dfcf: #e5dfcf;
  --color-e8be87: #e8be87;
  --color-e8cba2: #e8cba2;
  --color-e8e7e3: #e8e7e3;
  --color-e9caa0: #e9caa0;
  --color-e9e6dc: #e9e6dc;
  --color-ebe8dd: #ebe8dd;
  --color-eee8dc: #eee8dc;
  --color-eeece3: #eeece3;
  --color-f0eadd: #f0eadd;
  --color-f1d0a0: #f1d0a0;
  --color-f1efe8: #f1efe8;
  --color-f3e6b6: #f3e6b6;
  --color-f3ebdf: #f3ebdf;
  --color-f3efe6: #f3efe6;
  --color-f3efe633: #f3efe633;
  --color-f4e8fc: #f4e8fc;
  --color-f5f0e5: #f5f0e5;
  --color-f6c649: #f6c649;
  --color-f6dfb3: #f6dfb3;
  --color-f6dfb350: #f6dfb350;
  --color-f6dfb370: #f6dfb370;
  --color-fc293e: #fc293e;
  --color-ff7054: #ff7054;
  --color-ff8054: #ff8054;
  --color-ff8063: #ff8063;
  --color-ff8c6f: #ff8c6f;
  --color-ff8e71: #ff8e71;
  --color-ff9a7f: #ff9a7f;
  --color-ffad98: #ffad98;
  --color-ffcd68: #ffcd68;
  --color-ffd980: #ffd980;
  --color-ffdaa3: #ffdaa3;
  --color-fff: #fff;
  --color-fff3: #fff3;
  --color-fff5: #fff5;
  --color-fff6df: #fff6df;
  --color-fff7: #fff7;
  --color-fff8: #fff8;
  --color-fff9: #fff9;
  --color-fff9ef: #fff9ef;
  --color-fffef7: #fffef7;
  --color-ffffff05: #ffffff05;
  --color-ffffff06: #ffffff06;
  --color-ffffff08: #ffffff08;
  --color-ffffff0a: #ffffff0a;
  --color-ffffff0c: #ffffff0c;
  --color-ffffff0d: #ffffff0d;
  --color-ffffff0e: #ffffff0e;
  --color-ffffff15: #ffffff15;
  --color-ffffff16: #ffffff16;
  --color-ffffff18: #ffffff18;
  --color-ffffff1c: #ffffff1c;
  --color-ffffff20: #ffffff20;
  --color-ffffff21: #ffffff21;
  --color-ffffff24: #ffffff24;
  --color-ffffff25: #ffffff25;
  --color-ffffff26: #ffffff26;
  --color-ffffff30: #ffffff30;
  --color-ffffff32: #ffffff32;
  --color-ffffff33: #ffffff33;
  --color-ffffff35: #ffffff35;
  --color-ffffff36: #ffffff36;
  --color-ffffff38: #ffffff38;
  --color-ffffff40: #ffffff40;
  --color-ffffff48: #ffffff48;
  --color-ffffff50: #ffffff50;
  --color-ffffff55: #ffffff55;
  --color-ffffff60: #ffffff60;
  --color-ffffff65: #ffffff65;
  --color-ffffff70: #ffffff70;
}
@media (max-width: 760px) {
  :root {
    --display-xl: clamp(72px, calc(72px + (100vw - 390px) * 0.09904762), 176px); --display-xl-leading: 0.9;
    --display-l: clamp(56px, calc(56px + (100vw - 390px) * 0.05333333), 112px); --display-l-leading: 0.92;
    --display-m: clamp(40px, calc(40px + (100vw - 390px) * 0.02285714), 64px); --display-m-leading: 1;
    --h3: clamp(22px, calc(22px + (100vw - 390px) * 0.00571429), 28px); --h3-leading: 1.2;
    --body-l: clamp(18px, calc(18px + (100vw - 390px) * 0.00190476), 20px); --body-l-leading: 1.45;
    --body: clamp(16px, calc(16px + (100vw - 390px) * 0.00000000), 16px); --body-leading: 1.55;
    --small: clamp(13px, calc(13px + (100vw - 390px) * 0.00000000), 13px); --small-leading: 1.4;
  }
}