/* GENERATED FILE — do not edit.
 * Source: design/tokens.json v1.4.0 (pigment-teal)
 * Regenerate: python3 build_tokens.py   Verified by: test_tokens.py
 */

:root {
  /* primitives — the only place a raw value is written */
  --sb-vermillion-50: #F7E3DE;
  --sb-vermillion-600: #C8391F;
  --sb-vermillion-700: #A62E17;
  --sb-vermillion-800: #8C2B18;
  --sb-vermillion-300d: #F0714F;
  --sb-vermillion-400d: #D85E3E;
  --sb-vermillion-500d: #FF8A6B;
  --sb-teal-50: #DEEFEE;
  --sb-teal-600: #0E6E6B;
  --sb-teal-700: #0A5654;
  --sb-teal-800: #123F3D;
  --sb-teal-300d: #4FB8B4;
  --sb-graphite-50: #EDEDE8;
  --sb-graphite-300: #B0B0A8;
  --sb-graphite-350: #B8B8B0;
  --sb-graphite-400: #6E6E78;
  --sb-graphite-600: #4F4F58;
  --sb-graphite-900: #101014;
  --sb-paper-0: #FFFFFF;
  --sb-paper-50: #FBFBF9;
  --sb-paper-100: #F0F0EC;
  --sb-paper-150: #EFEFEA;
  --sb-paper-125: #F4F4F0;
  --sb-paper-175: #E8E8E2;
  --sb-paper-200: #E6E6E0;
  --sb-paper-250: #D8D8D2;
  --sb-paper-300: #C4C4BC;
  --sb-blush-50: #F5E2DD;
  --sb-slate-900: #14161B;
  --sb-slate-800: #1D2027;
  --sb-slate-700: #262A33;
  --sb-slate-600: #2C313A;
  --sb-slate-500: #3A404A;
  --sb-mist-100: #EDEFF3;
  --sb-mist-300: #A5ACB9;
  --sb-mist-400: #8A92A0;
  --sb-mist-500: #6E7684;

  /* semantics — light */
  --sb-surface-ground: #FBFBF9;
  --sb-surface-raised: #FFFFFF;
  --sb-surface-floating: #FFFFFF;
  --sb-surface-sheet: #FFFFFF;
  --sb-surface-sunken: #F0F0EC;
  --sb-surface-line: #E6E6E0;
  --sb-surface-skeleton: #E8E8E2;
  --sb-surface-handle: #D8D8D2;
  --sb-surface-placeholder-line: #C4C4BC;
  --sb-surface-stack-far: #EFEFEA;
  --sb-surface-stack-near: #F4F4F0;
  --sb-content-primary: #101014;
  --sb-content-secondary: #4F4F58;
  --sb-content-tertiary: #6E6E78;
  --sb-content-disclosure: #B8B8B0;
  --sb-content-placeholder-icon: #B0B0A8;
  --sb-content-on-action: #FFFFFF;
  --sb-content-on-signal: #FFFFFF;
  --sb-content-on-signal-surface: #0A5654;
  --sb-content-on-scrim: #FFFFFF;
  --sb-content-on-scrim-secondary: rgba(255, 255, 255, 0.86);
  --sb-action-primary: #C8391F;
  --sb-action-primary-pressed: #A62E17;
  --sb-action-primary-tint: #F7E3DE;
  --sb-state-signal: #0E6E6B;
  --sb-state-signal-surface: #DEEFEE;
  --sb-state-confirmed: #0E6E6B;
  --sb-state-confirmed-surface: #DEEFEE;
  --sb-state-uncertain: #4F4F58;
  --sb-state-uncertain-surface: #EDEDE8;
  --sb-state-failed: #8C2B18;
  --sb-state-failed-surface: #F5E2DD;
  --sb-scrim-image: rgba(16, 16, 20, 0.78);
  --sb-scrim-image-fade: 62%;
  --sb-scrim-overlay: rgba(16, 16, 20, 0.55);
  --sb-scrim-overlay-confirm: rgba(16, 16, 20, 0.35);
  --sb-radius-control: 6px;
  --sb-radius-sheet: 12px;
  --sb-radius-badge: 999px;
  --sb-radius-circle: 50%;
  --sb-motion-collapse: 160ms;
  --sb-motion-hold: 900ms;
  --sb-motion-exit: 220ms;
  --sb-motion-undo: 5000ms;
  --sb-motion-skeleton: 1200ms;
  --sb-motion-tap: 120ms;
  --sb-motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --sb-motion-hold-error: 2600ms;
  --sb-motion-quickfile: 6000ms;
  --sb-motion-enrich: 900ms;
  --sb-motion-enrich-fade: 160ms;
  --sb-target-min: 44px;
  --sb-elevation-flat: none;
  --sb-elevation-raised: 0 1px 2px rgba(16,16,20,0.06), 0 5px 14px rgba(16,16,20,0.07);
  --sb-elevation-floating: 0 2px 4px rgba(16,16,20,0.06), 0 10px 26px rgba(16,16,20,0.09);
  --sb-elevation-sheet: 0 -4px 10px rgba(16,16,20,0.06), 0 -16px 40px rgba(16,16,20,0.14);
  --sb-elevation-flat-surface: var(--sb-surface-ground);
  --sb-elevation-raised-surface: var(--sb-surface-raised);
  --sb-elevation-floating-surface: var(--sb-surface-floating);
  --sb-elevation-sheet-surface: var(--sb-surface-sheet);

  /* interaction */
  --sb-focus-ring: 2px solid var(--sb-action-primary);
  --sb-focus-ring-offset: 2px;
  --sb-disabled-opacity: 0.38;
  --sb-pressed-surface: var(--sb-surface-sunken);

  /* G4 — every scrolling container ends clear of the navigation */
  --sb-nav-clearance: 64px;

  /* type */
  --sb-font-display: Fraunces, Georgia, serif;
  --sb-font-body: "Work Sans", system-ui, sans-serif;
  --sb-type-display-l-size: 33px;
  --sb-type-display-l-weight: 600;
  --sb-type-display-l-line: 1.08;
  --sb-type-display-l-tracking: -0.02em;
  --sb-type-display-m-size: 27px;
  --sb-type-display-m-weight: 600;
  --sb-type-display-m-line: 1.12;
  --sb-type-display-m-tracking: -0.02em;
  --sb-type-display-m-italic-size: 27px;
  --sb-type-display-m-italic-weight: 600;
  --sb-type-display-m-italic-line: 1.12;
  --sb-type-display-m-italic-tracking: -0.01em;
  --sb-type-display-s-size: 20px;
  --sb-type-display-s-weight: 600;
  --sb-type-display-s-line: 1.2;
  --sb-type-display-s-tracking: -0.01em;
  --sb-type-body-l-size: 15px;
  --sb-type-body-l-weight: 400;
  --sb-type-body-l-line: 1.55;
  --sb-type-body-l-tracking: 0;
  --sb-type-body-size: 13.5px;
  --sb-type-body-weight: 400;
  --sb-type-body-line: 1.45;
  --sb-type-body-tracking: 0;
  --sb-type-body-strong-size: 13.5px;
  --sb-type-body-strong-weight: 600;
  --sb-type-body-strong-line: 1.3;
  --sb-type-body-strong-tracking: 0;
  --sb-type-meta-size: 11.5px;
  --sb-type-meta-weight: 400;
  --sb-type-meta-line: 1.45;
  --sb-type-meta-tracking: 0;
  --sb-type-label-size: 10.5px;
  --sb-type-label-weight: 600;
  --sb-type-label-line: 1.2;
  --sb-type-label-tracking: 0.10em;
}

/* dark — an explicit choice wins; otherwise follow the system */
:root[data-theme="dark"] {
  --sb-surface-ground: #14161B;
  --sb-surface-raised: #1D2027;
  --sb-surface-floating: #262A33;
  --sb-surface-sheet: #2C313A;
  --sb-surface-sunken: #262A33;
  --sb-surface-line: #2C313A;
  --sb-surface-skeleton: #262A33;
  --sb-surface-handle: #3A404A;
  --sb-surface-placeholder-line: #3A404A;
  --sb-surface-stack-far: #262A33;
  --sb-surface-stack-near: #2C313A;
  --sb-content-primary: #EDEFF3;
  --sb-content-secondary: #A5ACB9;
  --sb-content-tertiary: #8A92A0;
  --sb-content-disclosure: #6E7684;
  --sb-content-placeholder-icon: #3A404A;
  --sb-content-on-action: #14161B;
  --sb-content-on-signal: #14161B;
  --sb-content-on-signal-surface: #4FB8B4;
  --sb-action-primary: #F0714F;
  --sb-action-primary-pressed: #D85E3E;
  --sb-action-primary-tint: rgba(240, 113, 79, 0.16);
  --sb-state-signal: #4FB8B4;
  --sb-state-signal-surface: rgba(79, 184, 180, 0.16);
  --sb-state-confirmed: #4FB8B4;
  --sb-state-confirmed-surface: rgba(79, 184, 180, 0.16);
  --sb-state-uncertain: #A5ACB9;
  --sb-state-uncertain-surface: #262A33;
  --sb-state-failed: #FF8A6B;
  --sb-state-failed-surface: rgba(255, 138, 107, 0.16);
  --sb-scrim-image: rgba(0, 0, 0, 0.82);
  --sb-scrim-overlay: rgba(0, 0, 0, 0.62);
  --sb-scrim-overlay-confirm: rgba(0, 0, 0, 0.42);
  --sb-elevation-flat: none;
  --sb-elevation-flat-surface: var(--sb-surface-ground);
  --sb-elevation-raised: none;
  --sb-elevation-raised-surface: var(--sb-surface-raised);
  --sb-elevation-floating: inset 0 1px 0 rgba(255,255,255,0.06);
  --sb-elevation-floating-surface: var(--sb-surface-floating);
  --sb-elevation-sheet: inset 0 1px 0 rgba(255,255,255,0.10);
  --sb-elevation-sheet-surface: var(--sb-surface-sheet);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --sb-surface-ground: #14161B;
    --sb-surface-raised: #1D2027;
    --sb-surface-floating: #262A33;
    --sb-surface-sheet: #2C313A;
    --sb-surface-sunken: #262A33;
    --sb-surface-line: #2C313A;
    --sb-surface-skeleton: #262A33;
    --sb-surface-handle: #3A404A;
    --sb-surface-placeholder-line: #3A404A;
    --sb-surface-stack-far: #262A33;
    --sb-surface-stack-near: #2C313A;
    --sb-content-primary: #EDEFF3;
    --sb-content-secondary: #A5ACB9;
    --sb-content-tertiary: #8A92A0;
    --sb-content-disclosure: #6E7684;
    --sb-content-placeholder-icon: #3A404A;
    --sb-content-on-action: #14161B;
    --sb-content-on-signal: #14161B;
    --sb-content-on-signal-surface: #4FB8B4;
    --sb-action-primary: #F0714F;
    --sb-action-primary-pressed: #D85E3E;
    --sb-action-primary-tint: rgba(240, 113, 79, 0.16);
    --sb-state-signal: #4FB8B4;
    --sb-state-signal-surface: rgba(79, 184, 180, 0.16);
    --sb-state-confirmed: #4FB8B4;
    --sb-state-confirmed-surface: rgba(79, 184, 180, 0.16);
    --sb-state-uncertain: #A5ACB9;
    --sb-state-uncertain-surface: #262A33;
    --sb-state-failed: #FF8A6B;
    --sb-state-failed-surface: rgba(255, 138, 107, 0.16);
    --sb-scrim-image: rgba(0, 0, 0, 0.82);
    --sb-scrim-overlay: rgba(0, 0, 0, 0.62);
    --sb-scrim-overlay-confirm: rgba(0, 0, 0, 0.42);
    --sb-elevation-flat: none;
    --sb-elevation-flat-surface: var(--sb-surface-ground);
    --sb-elevation-raised: none;
    --sb-elevation-raised-surface: var(--sb-surface-raised);
    --sb-elevation-floating: inset 0 1px 0 rgba(255,255,255,0.06);
    --sb-elevation-floating-surface: var(--sb-surface-floating);
    --sb-elevation-sheet: inset 0 1px 0 rgba(255,255,255,0.10);
    --sb-elevation-sheet-surface: var(--sb-surface-sheet);
  }
}

/* type steps */
.sb-display-l {
  font-family: var(--sb-font-display);
  font-size: var(--sb-type-display-l-size);
  font-weight: var(--sb-type-display-l-weight);
  line-height: var(--sb-type-display-l-line);
  letter-spacing: var(--sb-type-display-l-tracking);
}
.sb-display-m {
  font-family: var(--sb-font-display);
  font-size: var(--sb-type-display-m-size);
  font-weight: var(--sb-type-display-m-weight);
  line-height: var(--sb-type-display-m-line);
  letter-spacing: var(--sb-type-display-m-tracking);
}
.sb-display-m-italic {
  font-family: var(--sb-font-display);
  font-size: var(--sb-type-display-m-italic-size);
  font-weight: var(--sb-type-display-m-italic-weight);
  line-height: var(--sb-type-display-m-italic-line);
  letter-spacing: var(--sb-type-display-m-italic-tracking);
  font-style: italic;
}
.sb-display-s {
  font-family: var(--sb-font-display);
  font-size: var(--sb-type-display-s-size);
  font-weight: var(--sb-type-display-s-weight);
  line-height: var(--sb-type-display-s-line);
  letter-spacing: var(--sb-type-display-s-tracking);
}
.sb-body-l {
  font-family: var(--sb-font-body);
  font-size: var(--sb-type-body-l-size);
  font-weight: var(--sb-type-body-l-weight);
  line-height: var(--sb-type-body-l-line);
  letter-spacing: var(--sb-type-body-l-tracking);
}
.sb-body {
  font-family: var(--sb-font-body);
  font-size: var(--sb-type-body-size);
  font-weight: var(--sb-type-body-weight);
  line-height: var(--sb-type-body-line);
  letter-spacing: var(--sb-type-body-tracking);
}
.sb-body-strong {
  font-family: var(--sb-font-body);
  font-size: var(--sb-type-body-strong-size);
  font-weight: var(--sb-type-body-strong-weight);
  line-height: var(--sb-type-body-strong-line);
  letter-spacing: var(--sb-type-body-strong-tracking);
}
.sb-meta {
  font-family: var(--sb-font-body);
  font-size: var(--sb-type-meta-size);
  font-weight: var(--sb-type-meta-weight);
  line-height: var(--sb-type-meta-line);
  letter-spacing: var(--sb-type-meta-tracking);
}
.sb-label {
  font-family: var(--sb-font-body);
  font-size: var(--sb-type-label-size);
  font-weight: var(--sb-type-label-weight);
  line-height: var(--sb-type-label-line);
  letter-spacing: var(--sb-type-label-tracking);
  text-transform: uppercase;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --sb-motion-collapse: 0ms;
    --sb-motion-hold: 0ms;
    --sb-motion-exit: 0ms;
    --sb-motion-undo: 0ms;
    --sb-motion-skeleton: 0ms;
    --sb-motion-tap: 0ms;
    --sb-motion-hold-error: 0ms;
    --sb-motion-quickfile: 0ms;
    --sb-motion-enrich-fade: 0ms;
  }
}

/* the two recipes every control shares */
.sb-focusable:focus-visible {
  outline: var(--sb-focus-ring);
  outline-offset: var(--sb-focus-ring-offset);
}
.sb-disabled,
[aria-disabled="true"] {
  opacity: var(--sb-disabled-opacity);
  pointer-events: none;
}