/* Don Brown Bus Sales — brand tokens v1.3  (21 Sep 2026) — APPROVED */
/* PRINT COLOR OF RECORD — the orange:
     Spot ....... PANTONE 137 C
     Process .... C 0  M 42  Y 100  K 0
     Lab ........ L 76.47  a 31  b 82
     Screen ..... #F7980F  (this file)
     Black ...... 100% K in one-color print
   Never convert #F7980F to CMYK by hand; use 0/42/100/0.
   Archive files named "138" are NOT the brand ink. See §04 of the brand standards. */
:root {
  /* brand */
  --dbbs-orange:        #F7980F;
  --dbbs-orange-press:  #DD8509;
  --dbbs-rust:          #A65A08;  /* orange text on light */
  --dbbs-amber:         #FBBF57;  /* orange text on dark  */
  --dbbs-orange-tint:   #FEF3E2;
  --dbbs-ink:           #231F20;
  --dbbs-ink-800:       #3A3536;
  --dbbs-graphite:      #6D6E71;
  --dbbs-steel:         #918F8F;

  /* neutrals */
  --dbbs-mist:          #D9D6D4;
  --dbbs-fog:           #EFECE9;
  --dbbs-paper:         #FAF8F6;
  --dbbs-white:         #FFFFFF;

  /* functional */
  --dbbs-go:            #1B6E45;
  --dbbs-caution:       #8A5A00;
  --dbbs-stop:          #B42318;
  --dbbs-note:          #2E5AAC;

  /* type */
  --dbbs-font-display:  "Figtree", -apple-system, "Segoe UI", Helvetica, sans-serif;
  --dbbs-font-body:     "Inter", -apple-system, "Segoe UI", Helvetica, sans-serif;
  --dbbs-font-mono:     "JetBrains Mono", ui-monospace, Menlo, monospace;

  --dbbs-text-display:  3.05rem;  /* 49 */
  --dbbs-text-h1:       2.44rem;  /* 39 */
  --dbbs-text-h2:       1.95rem;  /* 31 */
  --dbbs-text-h3:       1.56rem;  /* 25 */
  --dbbs-text-h4:       1.25rem;  /* 20 */
  --dbbs-text-body:     1rem;     /* 16 */
  --dbbs-text-sm:       0.875rem; /* 14 */
  --dbbs-text-label:    0.75rem;  /* 12 */

  /* space + shape */
  --dbbs-s1: 4px;  --dbbs-s2: 8px;  --dbbs-s3: 12px; --dbbs-s4: 16px;
  --dbbs-s5: 24px; --dbbs-s6: 32px; --dbbs-s7: 48px; --dbbs-s8: 64px;
  --dbbs-radius-control: 2px;
  --dbbs-radius-card:    8px;  /* was 3px; Eric 9/30: photos and cards slightly rounded */
  --dbbs-radius-photo:   8px;
  --dbbs-border:         1px solid var(--dbbs-mist);
  --dbbs-shadow:         0 8px 24px -12px rgba(35,31,32,.18);
  --dbbs-container:      1220px;
  --dbbs-gutter:         24px;
}

/* Logo SVGs are authored with these variables on their fills.
   Set them on a parent to recolor one inlined copy for any context. */
.logo-reversed { --lg-ink:#FFFFFF; --lg-orange:#FFFFFF; --lg-gray:#FFFFFF; --lg-steel:#FFFFFF; }
.logo-on-dark  { --lg-ink:#FFFFFF; --lg-gray:#C9C7C7;  --lg-steel:#9A9491; }
.logo-mono-ink { --lg-ink:#231F20; --lg-orange:#231F20; --lg-gray:#231F20; --lg-steel:#231F20; }