/* Generated from tokens.json. Edit the source, then npm run build. */
:root {
  --fp-paper: #FAF9F6;
  --fp-white: #FFFFFF;
  --fp-stone: #F0F0EB;
  --fp-ink: #191C19;
  --fp-muted: #626761;
  --fp-line: #DDDFD8;
  --fp-border: #858980;
  --fp-accent: #F04B24;
  --fp-accent-soft: #FCE8DF;
  --fp-action: #BA371F;
  --fp-action-hover: #9F2C17;
  --fp-action-active: #82220F;
  --fp-success: #246343;
  --fp-success-surface: #EAF3ED;
  --fp-warning: #805300;
  --fp-warning-surface: #FFF3D6;
  --fp-error: #B42318;
  --fp-error-surface: #FFF0ED;
  --fp-info: #1B62A7;
  --fp-info-surface: #EDF4FC;
  --fp-space-0: 0rem;
  --fp-space-4: 0.25rem;
  --fp-space-8: 0.5rem;
  --fp-space-12: 0.75rem;
  --fp-space-16: 1rem;
  --fp-space-24: 1.5rem;
  --fp-space-32: 2rem;
  --fp-space-48: 3rem;
  --fp-space-64: 4rem;
  --fp-space-80: 5rem;
  --fp-space-96: 6rem;
  --fp-space-128: 8rem;
  --fp-space-160: 10rem;
  --fp-space-192: 12rem;
  --fp-container-wide: 90rem;
  --fp-container-standard: 72rem;
  --fp-container-narrow: 48rem;
  --fp-container-reading: 42rem;
  --fp-container-form: 36rem;
  --fp-fast: 120ms;
  --fp-standard: 180ms;
  --fp-reveal: 400ms;
  --fp-ease: cubic-bezier(.2,.7,.2,1);
  --fp-control-height: 3rem;
  --fp-control-height-small: 2.5rem;
  --fp-control-height-large: 3.5rem;
  --fp-field-gap: 1.5rem;
  --fp-focus-width: 3px;
  --fp-focus-offset: 3px;
  --fp-radius-control: 8px;
  --fp-radius-panel: 12px;
  --fp-radius-pill: 999px;
  --fp-light-proximity-radius: 96px;
  --fp-display: clamp(3rem, 1.5rem + 5vw, 7.5rem);
  --fp-h1: clamp(2.5rem, 1.75rem + 3vw, 5.5rem);
  --fp-h2: clamp(2rem, 1.3rem + 2.5vw, 4rem);
  --fp-h3: clamp(1.5rem, 1.2rem + 1vw, 2rem);
  --fp-body: 1rem;
  --fp-body-large: 1.25rem;
  --fp-small: .875rem;
  --fp-tracking-display: -.02em;
  --fp-tracking-heading: -.015em;
  --fp-tracking-title: -.01em;
  --fp-gutter: clamp(1.5rem, 4vw, 6rem);
  --fp-section: clamp(4rem, 8vw, 10rem);
  --fp-shadow-float: 0 16px 48px rgb(25 28 25 / .10);
  --fp-font-display: 'Inter Tight', Arial, sans-serif;
  --fp-font-body: 'Inter', Arial, sans-serif;
}
:root, [data-theme="light"] {
  color-scheme: light;
  --fp-canvas: #FAF9F6;
  --fp-surface: #FFFFFF;
  --fp-subtle: #F0F0EB;
  --fp-text: #191C19;
  --fp-muted: #626761;
  --fp-line: #DDDFD8;
  --fp-border: #858980;
  --fp-accent: #F04B24;
  --fp-accent-soft: #FCE8DF;
  --fp-action: #BA371F;
  --fp-action-hover: #9F2C17;
  --fp-action-active: #82220F;
  --fp-action-text: #FFFFFF;
  --fp-focus: #191C19;
  --fp-success: #246343;
  --fp-success-surface: #EAF3ED;
  --fp-warning: #805300;
  --fp-warning-surface: #FFF3D6;
  --fp-error: #B42318;
  --fp-error-surface: #FFF0ED;
  --fp-info: #1B62A7;
  --fp-info-surface: #EDF4FC;
  --fp-disabled-bg: #E5E7E1;
  --fp-disabled-text: #626761;
  --fp-neutral-hover: #E2E5DD;
  --fp-neutral-active: #D5DAD0;
  --fp-secondary-bg: #F0F0EB;
  --fp-secondary-text: #191C19;
  --fp-secondary-hover: #E2E5DD;
  --fp-secondary-active: #D5DAD0;
  --fp-primary-bg: #BA371F;
  --fp-primary-hover: #9F2C17;
  --fp-primary-active: #82220F;
  --fp-primary-text: #FFFFFF;
  --fp-primary-edge: #FF8357;
}
[data-theme="dark"] {
  color-scheme: dark;
  --fp-canvas: #111512;
  --fp-surface: #1B211C;
  --fp-subtle: #242D26;
  --fp-text: #F5F4ED;
  --fp-muted: #B5BDB2;
  --fp-line: #38453B;
  --fp-border: #7E8C81;
  --fp-accent: #F04B24;
  --fp-accent-soft: #41291F;
  --fp-action: #FFAB90;
  --fp-action-hover: #FFC1AD;
  --fp-action-active: #FF9471;
  --fp-action-text: #191C19;
  --fp-focus: #F5F4ED;
  --fp-success: #98D5AB;
  --fp-success-surface: #193425;
  --fp-warning: #F1CD7C;
  --fp-warning-surface: #392E15;
  --fp-error: #FFB1A4;
  --fp-error-surface: #40231F;
  --fp-info: #A2CFFD;
  --fp-info-surface: #1B2E40;
  --fp-disabled-bg: #303B33;
  --fp-disabled-text: #B5BDB2;
  --fp-neutral-hover: #344137;
  --fp-neutral-active: #415145;
  --fp-secondary-bg: #242D26;
  --fp-secondary-text: #F5F4ED;
  --fp-secondary-hover: #344137;
  --fp-secondary-active: #415145;
  --fp-primary-bg: #BA371F;
  --fp-primary-hover: #C83E23;
  --fp-primary-active: #AD3019;
  --fp-primary-text: #FFFFFF;
  --fp-primary-edge: #FF8357;
}
[data-theme="accent"] {
  color-scheme: light;
  --fp-canvas: #F04B24;
  --fp-surface: #FFF6F0;
  --fp-subtle: #F86847;
  --fp-text: #191C19;
  --fp-muted: #191C19;
  --fp-line: #9C331D;
  --fp-border: #562519;
  --fp-accent: #F04B24;
  --fp-accent-soft: #FCE8DF;
  --fp-action: #191C19;
  --fp-action-hover: #101512;
  --fp-action-active: #080D09;
  --fp-action-text: #FFFFFF;
  --fp-focus: #191C19;
  --fp-success: #246343;
  --fp-success-surface: #EAF3ED;
  --fp-warning: #805300;
  --fp-warning-surface: #FFF3D6;
  --fp-error: #B42318;
  --fp-error-surface: #FFF0ED;
  --fp-info: #1B62A7;
  --fp-info-surface: #EDF4FC;
  --fp-disabled-bg: #E5E7E1;
  --fp-disabled-text: #626761;
  --fp-neutral-hover: #F87C60;
  --fp-neutral-active: #FD927A;
  --fp-secondary-bg: #FFF0E6;
  --fp-secondary-text: #191C19;
  --fp-secondary-hover: #FFFFFF;
  --fp-secondary-active: #FFDBC8;
  --fp-primary-bg: #191C19;
  --fp-primary-hover: #101512;
  --fp-primary-active: #080D09;
  --fp-primary-text: #FFFFFF;
  --fp-primary-edge: #FFC19C;
}
:root, [data-theme="light"] {
  --glass-body: rgb(255 255 255/.54);
  --glass-field: rgb(255 255 255/.74);
  --glass-edge: rgb(255 255 255/.94);
  --glass-shade: rgb(69 61 45/.18);
  --glass-glint: rgb(255 255 255/.78);
  --glass-shadow: 0 12px 32px rgb(49 42 23/.10),0 2px 5px rgb(49 42 23/.07);
  --glass-veil: rgb(250 249 246/.76);
  --glass-ray: rgb(233 109 47/.27);
  --glass-ambient: rgb(255 255 255/.4);
  --glass-rim: rgb(24 28 23/.28);
  --glass-rim-offset: 180deg;
}
[data-theme="dark"] {
  --glass-body: rgb(39 48 41/.43);
  --glass-field: rgb(24 31 26/.80);
  --glass-edge: rgb(237 245 234/.65);
  --glass-shade: rgb(0 0 0/.6);
  --glass-glint: rgb(255 249 222/.30);
  --glass-shadow: 0 16px 36px rgb(0 0 0/.28),0 2px 6px rgb(0 0 0/.28);
  --glass-veil: rgb(17 21 18/.75);
  --glass-ray: rgb(255 143 65/.32);
  --glass-ambient: rgb(240 189 123/.12);
  --glass-rim: rgb(251 255 243/.96);
  --glass-rim-offset: 0deg;
}
[data-theme="accent"] {
  --glass-body: rgb(255 235 210/.67);
  --glass-field: rgb(255 247 235/.86);
  --glass-edge: rgb(255 246 226/.9);
  --glass-shade: rgb(86 32 9/.25);
  --glass-glint: rgb(255 255 255/.64);
  --glass-shadow: 0 12px 32px rgb(80 24 9/.14),0 2px 5px rgb(80 24 9/.12);
  --glass-veil: rgb(240 75 36/.80);
  --glass-ray: rgb(255 225 170/.55);
  --glass-ambient: rgb(255 218 174/.4);
  --glass-rim: rgb(54 23 11/.65);
  --glass-rim-offset: 180deg;
}