/* Serve7 brand tokens — single source of truth for every asset type.
   Derived from serve7.io (Nov 2026) and the 2026 CX Modernization ebook. */

:root {
  /* Brand */
  --s7-orange:         #DC602D; /* primary accent, rules, highlights, stats */
  --s7-orange-deep:    #C5511F; /* buttons */
  --s7-orange-darker:  #B3461A; /* button hover / pressed, small orange text on light bg */
  --s7-orange-light:   #F69871; /* secondary accents, step cards */
  --s7-orange-tint:    #F2B496; /* line-art on orange backgrounds */
  --s7-orange-border:  rgba(220, 96, 45, 0.2);

  --s7-teal:           #083731; /* dark sections, callout cards */
  --s7-teal-mid:       #1F5049; /* small icon badges, list icons */
  --s7-teal-mist:      rgba(149, 180, 176, 0.3);

  --s7-charcoal:       #1F1F1E; /* headings, dark sections, footer */
  --s7-text:           #373833; /* body text */
  --s7-muted:          #6B675F; /* captions, secondary text */
  --s7-heading-soft:   rgba(31, 31, 30, 0.6); /* de-emphasized headline words */

  --s7-cream:          #FDFAF3; /* page background */
  --s7-cream-2:        #FEFCF7; /* card on white */
  --s7-sand:           #C5BDB1; /* hairline borders, dividers */
  --s7-white:          #FFFFFF;
  --s7-success:        #0F8044; /* positive data only */

  /* Type */
  --s7-font: "Inter", -apple-system, "Segoe UI", Arial, sans-serif;
  --s7-weight-regular: 400;
  --s7-weight-medium:  500;
  --s7-weight-semi:    600;

  /* Shape */
  --s7-radius-btn:   7px;
  --s7-radius-sm:    10px;
  --s7-radius-card:  15px;
  --s7-radius-panel: 20px;
  --s7-radius-pill:  999px;

  --s7-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --s7-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --s7-shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.10);
}