/* Generated by scripts/build.mjs from design/tokens.json. Do not edit. */
:root {
  color-scheme: light dark;
  --mist-0: #FFFFFF;
  --mist-25: #FCFBFA;
  --mist-50: #F9F7F5;
  --mist-75: #F5F3F1;
  --mist-100: #F0EEEB;
  --mist-150: #E8E5E2;
  --mist-200: #DAD7D3;
  --mist-300: #C0BDB8;
  --mist-400: #ABA8A3;
  --mist-450: #8F8C87;
  --mist-500: #77746F;
  --mist-550: #6E6B67;
  --mist-600: #5E5B57;
  --mist-700: #3E3D3A;
  --mist-800: #292825;
  --mist-850: #1F1E1C;
  --mist-900: #171614;
  --mist-950: #0E0E0D;
  --iris-50: #F0F3FD;
  --iris-100: #E0E7FE;
  --iris-200: #C1CFFD;
  --iris-300: #A3B7FB;
  --iris-400: #96ACFE;
  --iris-500: #6783EC;
  --iris-600: #3856C8;
  --iris-700: #2B44A6;
  --iris-800: #213480;
  --champagne-50: #FBF6EE;
  --champagne-100: #F7EEDF;
  --champagne-200: #F1DFC5;
  --champagne-300: #EACBA0;
  --champagne-400: #DFB070;
  --champagne-500: #C9934B;
  --champagne-600: #A87431;
  --champagne-700: #855823;
  --sepia-700: #473E35;
  --sepia-800: #352C25;
  --sepia-900: #29211B;
  --amber-400: #F3B451;
  --amber-700: #8D5C07;
  --red-400: #FA7067;
  --red-600: #C93029;
  --red-700: #BC2826;
  --gilt-1: #D5B17D;
  --gilt-2: #CA9B5A;
  --gilt-3: #AE7A37;
  --gilt-4: #8D5D24;
  --glow-1: #65553F;
  --glow-2: #957C57;
  --glow-3: #C6A575;
  --glow-4: #F0D3A3;
  --type-display-xl-size: 88px;
  --type-display-xl-line: 88px;
  --type-display-xl-weight: 300;
  --type-display-xl-tracking: -0.02em;
  --type-display-xl-size-compact: 88px;
  --type-display-xl-size-duo-outer: 64px;
  --type-display-xl-size-wide: 104px;
  --type-display-xl-size-expansive: 128px;
  --type-display-xl-size-expansive13: 144px;
  --type-display-l-size: 40px;
  --type-display-l-line: 44px;
  --type-display-l-weight: 300;
  --type-display-l-tracking: -0.01em;
  --type-display-l-size-compact: 40px;
  --type-display-l-size-duo-outer: 34px;
  --type-display-l-size-wide: 48px;
  --type-display-l-size-expansive: 56px;
  --type-display-l-size-expansive13: 64px;
  --type-display-m-size: 34px;
  --type-display-m-line: 40px;
  --type-display-m-weight: 300;
  --type-display-m-tracking: -0.005em;
  --type-display-m-size-compact: 34px;
  --type-display-m-size-duo-outer: 28px;
  --type-display-m-size-wide: 40px;
  --type-display-m-size-expansive: 44px;
  --type-display-m-size-expansive13: 48px;
  --type-display-s-size: 28px;
  --type-display-s-line: 34px;
  --type-display-s-weight: 300;
  --type-display-s-tracking: -0.005em;
  --type-title-l-size: 28px;
  --type-title-l-line: 34px;
  --type-title-l-weight: 600;
  --type-title-l-tracking: -0.005em;
  --type-title-m-size: 22px;
  --type-title-m-line: 28px;
  --type-title-m-weight: 600;
  --type-title-m-tracking: 0em;
  --type-title-s-size: 17px;
  --type-title-s-line: 22px;
  --type-title-s-weight: 600;
  --type-title-s-tracking: 0em;
  --type-sentence-size: 22px;
  --type-sentence-line: 30px;
  --type-sentence-weight: 300;
  --type-sentence-tracking: 0em;
  --type-body-size: 17px;
  --type-body-line: 24px;
  --type-body-weight: 400;
  --type-body-tracking: 0em;
  --type-subhead-size: 15px;
  --type-subhead-line: 20px;
  --type-subhead-weight: 400;
  --type-subhead-tracking: 0em;
  --type-footnote-size: 13px;
  --type-footnote-line: 18px;
  --type-footnote-weight: 400;
  --type-footnote-tracking: 0em;
  --type-caption-size: 12px;
  --type-caption-line: 16px;
  --type-caption-weight: 500;
  --type-caption-tracking: 0.01em;
  --type-eyebrow-size: 12px;
  --type-eyebrow-line: 16px;
  --type-eyebrow-weight: 600;
  --type-eyebrow-tracking: 0.06em;
  --type-numeral-l-size: 56px;
  --type-numeral-l-line: 60px;
  --type-numeral-l-weight: 300;
  --type-numeral-l-tracking: -0.01em;
  --type-numeral-l-size-compact: 56px;
  --type-numeral-l-size-duo-outer: 44px;
  --type-numeral-l-size-wide: 64px;
  --type-numeral-l-size-expansive: 72px;
  --type-numeral-l-size-expansive13: 80px;
  --type-numeral-s-size: 15px;
  --type-numeral-s-line: 20px;
  --type-numeral-s-weight: 500;
  --type-numeral-s-tracking: 0em;
  --type-numeral-xs-size: 12px;
  --type-numeral-xs-line: 16px;
  --type-numeral-xs-weight: 600;
  --type-numeral-xs-tracking: 0em;
  --type-mono-size: 15px;
  --type-mono-line: 20px;
  --type-mono-weight: 400;
  --type-mono-tracking: 0em;
  --space-2xs: 2px;
  --space-xs: 4px;
  --space-s: 8px;
  --space-m: 12px;
  --space-l: 16px;
  --space-xl: 20px;
  --space-2xl: 24px;
  --space-3xl: 32px;
  --space-4xl: 40px;
  --space-5xl: 56px;
  --space-6xl: 72px;
  --radius-xs: 4px;
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 24px;
  --radius-capsule: 9999px;
  --radius-concentric: systempx;
  --shadow-lift: 0px 1px 2px 0px rgb(23 22 20 / 0.04), 0px 12px 32px 0px rgb(23 22 20 / 0.08);
  --spring-snappy: linear(0, 0.0193, 0.068, 0.1353, 0.2128, 0.2946, 0.3763, 0.455, 0.5288, 0.5965, 0.6576, 0.712, 0.7598, 0.8013, 0.837, 0.8674, 0.8931, 0.9146, 0.9325, 0.9472, 0.9592, 0.9689, 0.9767, 0.9829, 0.9878, 0.9916, 0.9945, 0.9967, 0.9983, 0.9995, 1.0003, 1.0009, 1.0012, 1.0014, 1.0015, 1.0015, 1.0015, 1.0014, 1.0013, 1.0011, 1) 332ms;
  --spring-smooth: linear(0, 0.0227, 0.0784, 0.1525, 0.235, 0.3195, 0.4015, 0.4786, 0.5492, 0.6129, 0.6694, 0.7191, 0.7623, 0.7996, 0.8316, 0.8589, 0.8821, 0.9018, 0.9183, 0.9322, 0.9438, 0.9535, 0.9616, 0.9684, 0.9739, 0.9786, 0.9824, 0.9856, 0.9882, 0.9903, 0.9921, 0.9935, 0.9947, 0.9957, 0.9965, 0.9971, 0.9977, 0.9981, 0.9984, 0.9987, 1) 615ms;
  --spring-float: linear(0, 0.0206, 0.0731, 0.146, 0.2305, 0.3197, 0.4089, 0.4945, 0.5743, 0.6469, 0.7117, 0.7684, 0.8172, 0.8586, 0.8932, 0.9217, 0.9447, 0.9631, 0.9774, 0.9883, 0.9965, 1.0023, 1.0064, 1.0089, 1.0104, 1.011, 1.011, 1.0106, 1.0099, 1.009, 1.0081, 1.0071, 1.0061, 1.0052, 1.0043, 1.0036, 1.0029, 1.0023, 1.0018, 1.0014, 1) 685ms;
  --spring-settle: linear(0, 0.0227, 0.0784, 0.1525, 0.235, 0.3195, 0.4015, 0.4786, 0.5492, 0.6129, 0.6694, 0.7191, 0.7623, 0.7996, 0.8316, 0.8589, 0.8821, 0.9018, 0.9183, 0.9322, 0.9438, 0.9535, 0.9616, 0.9684, 0.9739, 0.9786, 0.9824, 0.9856, 0.9882, 0.9903, 0.9921, 0.9935, 0.9947, 0.9957, 0.9965, 0.9971, 0.9977, 0.9981, 0.9984, 0.9987, 1) 527ms;
  --spring-bend: linear(0, 0.0227, 0.0784, 0.1525, 0.235, 0.3195, 0.4015, 0.4786, 0.5492, 0.6129, 0.6694, 0.7191, 0.7623, 0.7996, 0.8316, 0.8589, 0.8821, 0.9018, 0.9183, 0.9322, 0.9438, 0.9535, 0.9616, 0.9684, 0.9739, 0.9786, 0.9824, 0.9856, 0.9882, 0.9903, 0.9921, 0.9935, 0.9947, 0.9957, 0.9965, 0.9971, 0.9977, 0.9981, 0.9984, 0.9987, 1) 586ms;
  --bg-canvas: #F9F7F5;
  --bg-grouped: #F0EEEB;
  --bg-immersive: #000000;
  --surface-raised: #FFFFFF;
  --surface-glass-fallback: #FCFBFA;
  --fill-subtle: rgb(23 22 20 / 0.04);
  --fill-muted: rgb(23 22 20 / 0.08);
  --border-hairline: rgb(23 22 20 / 0.08);
  --border-strong: rgb(23 22 20 / 0.24);
  --text-primary: #171614;
  --text-secondary: #5E5B57;
  --text-tertiary: #6E6B67;
  --text-on-photo: #FFFFFF;
  --text-on-ink: #FBF6EE;
  --text-on-accent: #FFFFFF;
  --ink-fill: #29211B;
  --ink-sheen: #352C25;
  --ink-pressed: #473E35;
  --accent: #3856C8;
  --accent-subtle: #F0F3FD;
  --focus-ring: #3856C8;
  --cursor: rgb(23 22 20 / 0.72);
  --today: #A87431;
  --lumen-rim: rgb(255 255 255 / 0.9);
  --lumen-bloom: rgb(223 176 112 / 0.35);
  --lumen-glow-1: #F7EEDF;
  --lumen-glow-2: #F1DFC5;
  --lumen-glow-3: #EACBA0;
  --lumen-glow-4: #DFB070;
  --lumen-field: #F7EEDF;
  --lumen-dot-0: #DAD7D3;
  --lumen-dot-1: #D5B17D;
  --lumen-dot-2: #CA9B5A;
  --lumen-dot-3: #AE7A37;
  --lumen-dot-4: #8D5D24;
  --rating: #8D5D24;
  --status-warning: #8D5C07;
  --status-error: #BC2826;
  --action-destructive: #C93029;
  --overlay-scrim: rgb(14 14 13 / 0.32);
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg-canvas: #0E0E0D;
    --bg-grouped: #171614;
    --bg-immersive: #000000;
    --surface-raised: #1F1E1C;
    --surface-glass-fallback: #1F1E1C;
    --fill-subtle: rgb(245 243 241 / 0.07);
    --fill-muted: rgb(245 243 241 / 0.12);
    --border-hairline: rgb(245 243 241 / 0.1);
    --border-strong: rgb(245 243 241 / 0.28);
    --text-primary: #F5F3F1;
    --text-secondary: #ABA8A3;
    --text-tertiary: #8F8C87;
    --text-on-photo: #FFFFFF;
    --text-on-ink: #29211B;
    --text-on-accent: #0E0E0D;
    --ink-fill: #FBF6EE;
    --ink-sheen: #FFFFFF;
    --ink-pressed: #F1DFC5;
    --accent: #96ACFE;
    --accent-subtle: rgb(150 172 254 / 0.16);
    --focus-ring: #96ACFE;
    --cursor: rgb(245 243 241 / 0.72);
    --today: #EACBA0;
    --lumen-rim: rgb(255 255 255 / 0.35);
    --lumen-bloom: rgb(234 203 160 / 0.28);
    --lumen-glow-1: rgb(234 203 160 / 0.14);
    --lumen-glow-2: rgb(234 203 160 / 0.26);
    --lumen-glow-3: rgb(234 203 160 / 0.42);
    --lumen-glow-4: rgb(234 203 160 / 0.64);
    --lumen-field: rgb(234 203 160 / 0.12);
    --lumen-dot-0: #292825;
    --lumen-dot-1: #65553F;
    --lumen-dot-2: #957C57;
    --lumen-dot-3: #C6A575;
    --lumen-dot-4: #F0D3A3;
    --rating: #F0D3A3;
    --status-warning: #F3B451;
    --status-error: #FA7067;
    --action-destructive: #C93029;
    --overlay-scrim: rgb(0 0 0 / 0.56);
  }
}
@media (prefers-contrast: more) {
  :root {
    --border-hairline: rgb(23 22 20 / 0.24);
    --border-strong: rgb(23 22 20 / 0.4);
    --text-primary: #0E0E0D;
    --text-secondary: #3E3D3A;
    --text-tertiary: #5E5B57;
    --accent: #2B44A6;
    --focus-ring: #2B44A6;
    --cursor: #0E0E0D;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root {
    --border-hairline: rgb(245 243 241 / 0.28);
    --border-strong: rgb(245 243 241 / 0.44);
    --text-primary: #FFFFFF;
    --text-secondary: #C0BDB8;
    --text-tertiary: #ABA8A3;
    --accent: #A3B7FB;
    --focus-ring: #A3B7FB;
    --cursor: #FFFFFF;
  }
}