/* Fixxo web tokens. GENERATED by site/design/build-tokens.mjs from _design/tokens.json
   (v4.1.0, "Trusted craft", D-054). Do not edit by hand: edit the source and re-run.
   The only file in public/ that may contain colour literals. */
:root {
  color-scheme: light dark;
  --c-canvas: #FAF7F2;
  --c-surface: #FFFFFF;
  --c-sunken: #F3EEE6;
  --c-line: #E4DCCF;
  --c-outline: #8A8076;
  --c-ink: #1C1815;
  --c-ink2: #574E46;
  --c-ink3: #6B6259;
  --c-primary: #582C83;
  --c-primary-hover: #47226B;
  --c-primary-pressed: #381A55;
  --c-on-primary: #FFFFFF;
  --c-primary-soft: #EFE8F5;
  --c-on-primary-soft: #3C1D5B;
  --c-brass: #86561A;
  --c-brass-soft: #F6ECD9;
  --c-brass-line: #C39245;
  --c-success: #2E6B3A;
  --c-success-soft: #E7F1E6;
  --c-on-success: #FAF7F2;
  --c-warning: #8A4F00;
  --c-warning-soft: #FBEFD9;
  --c-error: #A8321F;
  --c-error-soft: #F9E5E0;
  --c-inverse: #2A241F;
  --c-on-inverse: #FAF7F2;
  --c-on-inverse2: #CFC6BA;
  --c-inverse-primary: #D5BCF3;
  --c-focus: #582C83;
  --c-sample-ink: #574E46;
  --c-sample-bg: #F3EEE6;
  --c-selected: #E9E1D3;
  --c-scrim: rgba(28,24,21,0.48);
  --f-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --f-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --f-hero-size: clamp(2.125rem, 8.5938vw - 2rem, 3.5rem);
  --f-hero-lh: 1.1;
  --f-hero-track: -0.028em;
  --f-h1-size: clamp(1.75rem, 7.8125vw - 2rem, 3rem);
  --f-h1-lh: 1.14;
  --f-h1-track: -0.025em;
  --f-h2-size: clamp(1.375rem, 4.6875vw - 0.875rem, 2.125rem);
  --f-h2-lh: 1.2;
  --f-h2-track: -0.02em;
  --f-h3-size: 1.125rem;
  --f-h3-lh: 1.33;
  --f-lead-size: clamp(1.125rem, 0.7813vw + 0.75rem, 1.25rem);
  --f-lead-lh: 1.52;
  --f-body-size: 1rem;
  --f-body-lh: 1.6;
  --f-bodys-size: 0.9375rem;
  --f-bodys-lh: 1.47;
  --f-label-size: 0.875rem;
  --f-caption-size: 0.8125rem;
  --f-overline-size: 0.75rem;
  --s-0: 0rem;
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.25rem;
  --s-6: 1.5rem;
  --s-7: 2rem;
  --s-8: 2.5rem;
  --s-9: 3rem;
  --s-10: 4rem;
  --r-xs: 0.375rem;
  --r-sm: 0.625rem;
  --r-md: 0.875rem;
  --r-lg: 1.125rem;
  --r-xl: 1.5rem;
  --r-pill: 999px;
  --r-round: 50%;
  --e-1: 0 1px 3px rgba(60,40,20,0.08);
  --e-2: 0 6px 12px rgba(60,40,20,0.14);
  --m-fast: 120ms;
  --m-base: 200ms;
  --m-slow: 300ms;
  --m-ease: cubic-bezier(.22,1,.36,1);
  --m-exit: cubic-bezier(.4,0,1,1);
  --m-press: 0.985;
  /* Bands (footer, provider band): the inverse surface in light; in dark a sunken band,
     because an inverse (linen) band at the foot of a dark page reads as a flash. */
  --c-band: var(--c-inverse);
  --c-on-band: var(--c-on-inverse);
  --c-on-band2: var(--c-on-inverse2);
  --c-band-link: var(--c-inverse-primary);
  --c-on-band-link: var(--c-inverse);
  --mk-fg: var(--c-on-primary);
  --header-h: 4rem;
  --container: 75rem;
  --form-max: 35rem;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --c-canvas: #14110E;
    --c-surface: #1D1915;
    --c-sunken: #26211C;
    --c-line: #342E27;
    --c-outline: #8E847A;
    --c-ink: #F4EFE7;
    --c-ink2: #CFC6BA;
    --c-ink3: #A89E92;
    --c-primary: #C7A6EE;
    --c-primary-hover: #D5BCF3;
    --c-primary-pressed: #E4D3F7;
    --c-on-primary: #1C1230;
    --c-primary-soft: #2E2340;
    --c-on-primary-soft: #E4D3F7;
    --c-brass: #DDB46E;
    --c-brass-soft: #2E2518;
    --c-brass-line: #B8914F;
    --c-success: #8FCB98;
    --c-success-soft: #1C2A1E;
    --c-on-success: #14110E;
    --c-warning: #E9B461;
    --c-warning-soft: #2E2414;
    --c-error: #F0968A;
    --c-error-soft: #35201C;
    --c-inverse: #F4EFE7;
    --c-on-inverse: #1C1815;
    --c-on-inverse2: #574E46;
    --c-inverse-primary: #582C83;
    --c-focus: #C7A6EE;
    --c-sample-ink: #CFC6BA;
    --c-sample-bg: #26211C;
    --c-selected: #332C26;
    --e-1: none;
    --e-2: none;
    --c-band: var(--c-sunken);
    --c-on-band: var(--c-ink);
    --c-on-band2: var(--c-ink2);
    --c-band-link: var(--c-primary);
    --c-on-band-link: var(--c-on-primary);
  }
}
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] {
  color-scheme: dark;
  --c-canvas: #14110E;
  --c-surface: #1D1915;
  --c-sunken: #26211C;
  --c-line: #342E27;
  --c-outline: #8E847A;
  --c-ink: #F4EFE7;
  --c-ink2: #CFC6BA;
  --c-ink3: #A89E92;
  --c-primary: #C7A6EE;
  --c-primary-hover: #D5BCF3;
  --c-primary-pressed: #E4D3F7;
  --c-on-primary: #1C1230;
  --c-primary-soft: #2E2340;
  --c-on-primary-soft: #E4D3F7;
  --c-brass: #DDB46E;
  --c-brass-soft: #2E2518;
  --c-brass-line: #B8914F;
  --c-success: #8FCB98;
  --c-success-soft: #1C2A1E;
  --c-on-success: #14110E;
  --c-warning: #E9B461;
  --c-warning-soft: #2E2414;
  --c-error: #F0968A;
  --c-error-soft: #35201C;
  --c-inverse: #F4EFE7;
  --c-on-inverse: #1C1815;
  --c-on-inverse2: #574E46;
  --c-inverse-primary: #582C83;
  --c-focus: #C7A6EE;
  --c-sample-ink: #CFC6BA;
  --c-sample-bg: #26211C;
  --c-selected: #332C26;
  --e-1: none;
  --e-2: none;
  --c-band: var(--c-sunken);
  --c-on-band: var(--c-ink);
  --c-on-band2: var(--c-ink2);
  --c-band-link: var(--c-primary);
  --c-on-band-link: var(--c-on-primary);
}
@media (prefers-reduced-motion: reduce) {
  :root { --m-fast: 0ms; --m-base: 0ms; --m-slow: 0ms; --m-press: 1; }
}