/* Campbell H&W — Fey design tokens. Use these values verbatim. */
:root {
  /* Surfaces */
  --canvas:   #0b0b0b;   /* page background — warm near-black, never #000 */
  --card:     #191919;   /* cards, panels, mockups */
  --elevated: #131313;   /* nested cards, input wells */
  --overlay:  #000000cc; /* modal backdrop */

  /* Text */
  --white:    #ffffff;   /* headlines + key values ONLY */
  --graphite: #868f97;   /* secondary text, muted labels (the workhorse) */
  --mist:     #cccccc;   /* tertiary text, icon strokes, subtle links */
  --smoke:    #525252;   /* dividers, low-emphasis borders */
  --pale:     #e6e6e6;   /* lightest neutral, ghost outlines */

  /* Accents — SIGNAL ONLY, never decoration. Max one per headline/card. */
  --ember:    #c9a24b;   /* brand gold (from CHW monogram): highlighted words, active labels */
  --signal:   #479ffa;   /* nav underline / active location ONLY, not status */
  --growth:   #4ebe96;   /* supporting green: live dot, positive change */

  /* Type — single family, Calibre if licensed else Inter */
  --font: 'Calibre','Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  /* Display 48–54px / weight 700 / letter-spacing -0.08em  (the signature) */
  /* Mid headings 24–26px / -0.053em */
  /* Body 14–16px / weight 400 */

  /* Radii */
  --r-card: 16px;
  --r-icon: 6px;
  --r-small: 10px;
  --r-pill: 99px;    /* ALL interactive controls: buttons, nav, tags */

  /* Shadows — one deep halo, never stacked elevation */
  --halo:       rgba(0,0,0,0.8) 0 0 44px 0;      /* floating cards/mockups */
  --halo-soft:  rgba(0,0,0,0.5) 0 0 35px 0;      /* featured blocks */
  --glow-white: rgba(255,255,255,0.25) 0 0 14px 0; /* button hover */

  /* Layout */
  --max-width: 1200px;
  --section-gap: 64px;   /* generous; each section is a discrete dark room */
  --card-pad: 24px;
}

/* Hard rules
 * - No serif anywhere. One sans does 10px captions to 54px heroes.
 * - Negative tracking on display is mandatory. Never 0 or positive.
 * - No filled CTA color. Buttons are ghost/pill, defined by shape + white glow on hover.
 * - Accents carry meaning only. One colored word per headline max.
 * - Blue is a nav accent, not a status color.
 * - No client logos, no stock photos of people, no borrowed marks.
 */