/* Generated from tokens.json v0.10.0 by ui/build-tokens.mjs. Do not edit; edit tokens.json and rerun. */
:root {
  --sb-color-plumb: #362d3f; /* primary */
  --sb-color-sweet-tooth: #eae4dc; /* primary */
  --sb-color-molasses: #c19b71; /* secondary */
  --sb-color-double-mint: #76a77b; /* secondary */
  --sb-color-spearmint: #8acb94; /* additional */
  --sb-color-peppermint: #a8dddf; /* additional */
  --sb-color-bubble-gum: #d79ac5; /* additional */

  --sb-destructive: #cc1236;
  --sb-destructive-ink: #ffffff;
  --sb-error-text: #a62c37;
  --sb-success-fill: var(--sb-color-double-mint);
  --sb-success-ink: var(--sb-color-plumb);
  --sb-info-fill: var(--sb-color-peppermint);
  --sb-info-ink: var(--sb-color-plumb);
  --sb-warning-fill: var(--sb-color-molasses);
  --sb-warning-ink: var(--sb-color-plumb);
  --sb-warning-text: #78603e;

  --sb-surface: #ffffff; /* Cards and controls */
  --sb-plumb-deep: #261f2e; /* Hover on Plum fills */
  --sb-molasses-dark: #a07c52; /* Link underline only (3.82:1 on white; not for text) */
  --sb-molasses-light: #c9aa86; /* Hover on Molasses fills (lightens; darkening fails contrast) */
  --sb-muted: rgba(54, 45, 63, 0.7); /* Muted text and labels (4.51:1 on Sweet Tooth) */
  --sb-body-muted: rgba(54, 45, 63, 0.72); /* Secondary body text */
  --sb-control-border: rgba(54, 45, 63, 0.55); /* Input and outline-button borders (3.30:1) */
  --sb-disabled-fill: rgba(54, 45, 63, 0.35); /* Disabled button fill */
  --sb-dot-off: rgba(54, 45, 63, 0.3); /* Status dot, off */
  --sb-pill-edge: rgba(54, 45, 63, 0.25); /* Outline pill edge */
  --sb-card-border: rgba(54, 45, 63, 0.14); /* Card edge */
  --sb-chip-muted: rgba(54, 45, 63, 0.12); /* Inactive chip fill */
  --sb-hairline: rgba(54, 45, 63, 0.1); /* Dividers */
  --sb-pill-fill: rgba(54, 45, 63, 0.08); /* Neutral pill fill */
  --sb-wash: rgba(54, 45, 63, 0.06); /* Hover wash on light ground */
  --sb-warning-wash: rgba(193, 155, 113, 0.25); /* Warning pill fill */
  --sb-molasses-wash: rgba(193, 155, 113, 0.12); /* Light warning or selection wash behind text */
  --sb-row-rule: rgba(54, 45, 63, 0.05); /* Between field rows */
  --sb-sunken: rgba(54, 45, 63, 0.02); /* Text-field fill */
  --sb-scrim: rgba(54, 45, 63, 0.55); /* Modal backdrop; never black */
  --sb-on-dark-value: rgba(234, 228, 220, 0.85); /* Values on a Plum ground */
  --sb-disabled-ink: rgba(234, 228, 220, 0.75); /* Text on a disabled fill (disabled controls are exempt from contrast minimums) */
  --sb-on-dark-muted: rgba(234, 228, 220, 0.7); /* Secondary text on Plum */
  --sb-on-dark-nav: rgba(234, 228, 220, 0.62); /* Inactive nav item */
  --sb-on-dark-micro: rgba(234, 228, 220, 0.58); /* Small labels on Plum (4.58:1) */
  --sb-on-dark-control-border: rgba(234, 228, 220, 0.55); /* Outline-button and listbox borders on Plum */
  --sb-on-dark-dot-off: rgba(234, 228, 220, 0.32); /* Status dot, off, on Plum */
  --sb-on-dark-rule: rgba(234, 228, 220, 0.12); /* Dividers on Plum */
  --sb-on-dark-active: rgba(234, 228, 220, 0.1); /* Active nav item fill */
  --sb-on-dark-hover: rgba(234, 228, 220, 0.07); /* Hover on Plum */
  --sb-radius-control: 6px;
  --sb-radius-button: 7px;
  --sb-radius-card: 10px;
  --sb-radius-pill: 999px;
  --sb-shadow-card: 0px 2px 10px rgba(54, 45, 63, 0.1);
  --sb-shadow-modal: 0px 8px 32px rgba(54, 45, 63, 0.28);
  --sb-focus-ring: 2px solid var(--sb-color-plumb); /* light grounds */
  --sb-focus-ring-on-dark: 2px solid var(--sb-color-molasses); /* Plum grounds */
  --sb-focus-offset: 2px;
  --sb-duration: 180ms; /* Disable under prefers-reduced-motion */
  --sb-ease: cubic-bezier(.22,.61,.36,1);

  --sb-font-display: 'Bebas Neue', Impact, sans-serif;
  --sb-font-body: Calibri, Carlito, Arial, sans-serif;

  --sb-h1-font: var(--sb-font-display);
  --sb-h1-weight: 400;
  --sb-h1-tracking: 0.06em; /* 60 tracking */
  --sb-h1-size-ratio: 3; /* multiple of body size */
  --sb-h2-font: var(--sb-font-display);
  --sb-h2-weight: 400;
  --sb-h2-tracking: 0.04em; /* 40 tracking */
  --sb-subtitle-font: var(--sb-font-body);
  --sb-subtitle-style: italic;
  --sb-body-font: var(--sb-font-body);
  --sb-body-weight: 400;
  --sb-pull-quote-font: var(--sb-font-body);
  --sb-pull-quote-style: italic;
  --sb-list-title-font: var(--sb-font-body);
  --sb-list-title-weight: 700;
  --sb-list-title-style: italic;
  --sb-list-title-tracking: 0.05em; /* 50 tracking */
  --sb-list-title-case: uppercase;
}