/* Generated by ui-design-system 2.2.0 from tokens/tokens.json. Do not edit; change the tokens and re-sync. */
/* Light by default; dark follows the OS unless the page sets data-theme="light",
   and data-theme="dark" forces it. */
:root {
  color-scheme: light;
  --primary: #99582A;
  --on-primary: #FFFFFF;
  --primary-strong: #7A431D;
  --primary-ink: #99582A;
  --primary-container: #FBE6D2;
  --on-primary-container: #4A270C;
  --inverse-primary: #F4A460;
  --secondary: #665A4F;
  --on-secondary: #FFFFFF;
  --secondary-container: #EFE7E0;
  --on-secondary-container: #2B2119;
  --tertiary: #0369A1;
  --on-tertiary: #FFFFFF;
  --tertiary-container: #E0F0FA;
  --on-tertiary-container: #073B5C;
  --accent-blue: #2563EB;
  --on-accent-blue: #FFFFFF;
  --accent-blue-container: #E1E9FC;
  --on-accent-blue-container: #173A8C;
  --accent-purple: #7C3AED;
  --on-accent-purple: #FFFFFF;
  --accent-purple-container: #EEE6FC;
  --on-accent-purple-container: #4A1F94;
  --brand-sky: #0284C7;
  --bg: #F7F5F3;
  --on-bg: #1D1A17;
  --surface: #FFFFFF;
  --on-surface: #1D1A17;
  --surface-variant: #F2EFEC;
  --on-surface-variant: #49433E;
  --surface-c-lowest: #FFFFFF;
  --surface-c-low: #FBFAF9;
  --surface-c: #F5F2EF;
  --surface-c-high: #F0ECE9;
  --surface-c-highest: #EAE5E1;
  --surface-sunken: var(--surface-c);
  --muted-surface: var(--surface-variant);
  --on-muted-surface: var(--on-surface-variant);
  --inverse-surface: #322E2A;
  --inverse-on-surface: #F2EFEC;
  --muted: #675E57;
  --subtle: #8F867F;
  --outline: #8D847D;
  --border: #E6E1DD;
  --border-faint: #F0EDEA;
  --hairline: rgb(29 26 23 / .08);
  --scrim: rgb(14 12 10 / .42);
  --success: #1B6B4C;
  --on-success: #FFFFFF;
  --success-container: #D7F0E3;
  --on-success-container: #0B3D2A;
  --error: #B42318;
  --on-error: #FFFFFF;
  --error-container: #FDE7E5;
  --on-error-container: #7A1610;
  --warning: #8A5A00;
  --on-warning: #FFFFFF;
  --warning-container: #FCEFD6;
  --on-warning-container: #5C3B00;
  --info: var(--tertiary);
  --on-info: var(--on-tertiary);
  --link: var(--primary-ink);
  --state-off: var(--muted);
  --state-connecting: var(--tertiary);
  --state-up: var(--success);
  --state-reconnecting: var(--warning);
  --state-failed: var(--error);
  --ring: rgb(153 88 42 / .45);
  --signature: var(--primary);
  --wash: var(--surface);
  --shadow-ink: 24 20 16;

  --sp-2: 2px;
  --sp-4: 4px;
  --sp-8: 8px;
  --sp-12: 12px;
  --sp-16: 16px;
  --sp-20: 20px;
  --sp-24: 24px;
  --sp-32: 32px;
  --sp-48: 48px;
  --sp-64: 64px;
  --opt-1: 1px;
  --opt-3: 3px;
  --gap-related: var(--sp-8);
  --gap-section: var(--sp-24);
  --gap-major: var(--sp-32);
  --layout-gutter: var(--sp-16);
  --target-min: 48px;
  --r-none: 0;
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-full: 999px;
  --elev-0: none;
  --elev-1: 0 1px 2px rgb(var(--shadow-ink)/.06), 0 1px 3px rgb(var(--shadow-ink)/.05);
  --elev-2: 0 2px 6px rgb(var(--shadow-ink)/.08), 0 8px 20px rgb(var(--shadow-ink)/.08);
  --elev-3: 0 8px 28px rgb(var(--shadow-ink)/.16), 0 2px 6px rgb(var(--shadow-ink)/.08);
  --dur-fast: 120ms;
  --dur-base: 240ms;
  --dur-slow: 400ms;
  --ease: cubic-bezier(.2,0,0,1);
  --ease-emph: cubic-bezier(.05,.7,.1,1);
  --ease-spring: cubic-bezier(.34,1.4,.5,1);
  --sl-hover: 0.08;
  --sl-focus: 0.1;
  --sl-pressed: 0.1;
  --sl-dragged: 0.16;
  --disabled-content: 0.38;
  --disabled-container: 0.12;
  --icon-size: 24px;
  --icon-inline: 18px;
  --icon-large: 28px;
  --icon-stroke: 2;
  --icon-cap: round;
  --icon-join: round;
  --icon-fill: none;
  --focus-ring: 0 0 0 2px var(--surface), 0 0 0 4px var(--ring);
  --font-sans: 'Figtree Variable','Figtree',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);
  --font-mono: ui-monospace,'JetBrains Mono','SF Mono',Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --primary: #F4A460;
    --on-primary: #3A1E08;
    --primary-strong: #F8BD8A;
    --primary-ink: #F4A460;
    --primary-container: #5A3416;
    --on-primary-container: #FDDDC0;
    --inverse-primary: #99582A;
    --secondary: #D4C4B6;
    --on-secondary: #382C22;
    --secondary-container: #342C26;
    --on-secondary-container: #EEDFD2;
    --tertiary: #5CB8E8;
    --on-tertiary: #032A40;
    --tertiary-container: #0B3550;
    --on-tertiary-container: #CDE8F8;
    --accent-blue: #8AAEF8;
    --on-accent-blue: #0B1F4D;
    --accent-blue-container: #1B2D57;
    --on-accent-blue-container: #D6E2FE;
    --accent-purple: #BFA3F7;
    --on-accent-purple: #2A0F5C;
    --accent-purple-container: #33215A;
    --on-accent-purple-container: #E8DDFE;
    --bg: #13110F;
    --on-bg: #EBE7E3;
    --surface: #1C1916;
    --on-surface: #EBE7E3;
    --surface-variant: #26221F;
    --on-surface-variant: #CCC5BF;
    --surface-c-lowest: #0F0D0B;
    --surface-c-low: #181513;
    --surface-c: #201C19;
    --surface-c-high: #282320;
    --surface-c-highest: #312C28;
    --inverse-surface: #EBE7E3;
    --inverse-on-surface: #322E2A;
    --muted: #A39A93;
    --subtle: #7D746D;
    --outline: #7A716A;
    --border: #312C28;
    --border-faint: #282320;
    --hairline: rgb(235 231 227 / .08);
    --scrim: rgb(0 0 0 / .6);
    --success: #5CC795;
    --on-success: #06281A;
    --success-container: #164D37;
    --on-success-container: #BFEBD4;
    --error: #FF8A80;
    --on-error: #3B0905;
    --error-container: #4A1612;
    --on-error-container: #FFDAD6;
    --warning: #E5B455;
    --on-warning: #2A1A00;
    --warning-container: #3D2C08;
    --on-warning-container: #FBE3B0;
    --ring: rgb(244 164 96 / .5);
    --shadow-ink: 0 0 0;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --primary: #F4A460;
  --on-primary: #3A1E08;
  --primary-strong: #F8BD8A;
  --primary-ink: #F4A460;
  --primary-container: #5A3416;
  --on-primary-container: #FDDDC0;
  --inverse-primary: #99582A;
  --secondary: #D4C4B6;
  --on-secondary: #382C22;
  --secondary-container: #342C26;
  --on-secondary-container: #EEDFD2;
  --tertiary: #5CB8E8;
  --on-tertiary: #032A40;
  --tertiary-container: #0B3550;
  --on-tertiary-container: #CDE8F8;
  --accent-blue: #8AAEF8;
  --on-accent-blue: #0B1F4D;
  --accent-blue-container: #1B2D57;
  --on-accent-blue-container: #D6E2FE;
  --accent-purple: #BFA3F7;
  --on-accent-purple: #2A0F5C;
  --accent-purple-container: #33215A;
  --on-accent-purple-container: #E8DDFE;
  --bg: #13110F;
  --on-bg: #EBE7E3;
  --surface: #1C1916;
  --on-surface: #EBE7E3;
  --surface-variant: #26221F;
  --on-surface-variant: #CCC5BF;
  --surface-c-lowest: #0F0D0B;
  --surface-c-low: #181513;
  --surface-c: #201C19;
  --surface-c-high: #282320;
  --surface-c-highest: #312C28;
  --inverse-surface: #EBE7E3;
  --inverse-on-surface: #322E2A;
  --muted: #A39A93;
  --subtle: #7D746D;
  --outline: #7A716A;
  --border: #312C28;
  --border-faint: #282320;
  --hairline: rgb(235 231 227 / .08);
  --scrim: rgb(0 0 0 / .6);
  --success: #5CC795;
  --on-success: #06281A;
  --success-container: #164D37;
  --on-success-container: #BFEBD4;
  --error: #FF8A80;
  --on-error: #3B0905;
  --error-container: #4A1612;
  --on-error-container: #FFDAD6;
  --warning: #E5B455;
  --on-warning: #2A1A00;
  --warning-container: #3D2C08;
  --on-warning-container: #FBE3B0;
  --ring: rgb(244 164 96 / .5);
  --shadow-ink: 0 0 0;
}

/* The type scale, as classes and as variables (--t-<style>: the font shorthand). */
:root {
  --t-display-l: 600 57px/64px var(--font-sans);
  --t-display-m: 600 45px/52px var(--font-sans);
  --t-display-s: 600 36px/44px var(--font-sans);
  --t-headline-l: 650 32px/40px var(--font-sans);
  --t-headline-m: 650 28px/36px var(--font-sans);
  --t-headline-s: 650 24px/32px var(--font-sans);
  --t-title-l: 650 22px/28px var(--font-sans);
  --t-title-m: 600 16px/24px var(--font-sans);
  --t-title-s: 600 14px/20px var(--font-sans);
  --t-body-l: 400 16px/24px var(--font-sans);
  --t-body-m: 400 14px/20px var(--font-sans);
  --t-body-s: 400 12px/16px var(--font-sans);
  --t-label-l: 600 14px/20px var(--font-sans);
  --t-label-m: 600 12px/16px var(--font-sans);
  --t-label-s: 600 11px/16px var(--font-sans);
  --t-mono: 400 13px/18px var(--font-mono);
}
.t-display-l { font: var(--t-display-l); letter-spacing: -0.02em; }
.t-display-m { font: var(--t-display-m); letter-spacing: -0.02em; }
.t-display-s { font: var(--t-display-s); letter-spacing: -0.015em; }
.t-headline-l { font: var(--t-headline-l); letter-spacing: -0.015em; }
.t-headline-m { font: var(--t-headline-m); letter-spacing: -0.01em; }
.t-headline-s { font: var(--t-headline-s); letter-spacing: -0.01em; }
.t-title-l { font: var(--t-title-l); }
.t-title-m { font: var(--t-title-m); letter-spacing: 0.005em; }
.t-title-s { font: var(--t-title-s); letter-spacing: 0.01em; }
.t-body-l { font: var(--t-body-l); }
.t-body-m { font: var(--t-body-m); letter-spacing: 0.01em; }
.t-body-s { font: var(--t-body-s); letter-spacing: 0.02em; }
.t-label-l { font: var(--t-label-l); letter-spacing: 0.01em; }
.t-label-m { font: var(--t-label-m); letter-spacing: 0.03em; }
.t-label-s { font: var(--t-label-s); letter-spacing: 0.04em; }
.t-mono { font: var(--t-mono); }