/* ============================================================
   Scott Owen — Design Tokens
   Single source of truth for brand palette, surfaces, type,
   spacing, radii, shadows, motion. Referenced by overrides.css
   and (via --wp--preset--color--*) by the scott-resume-bot plugin.
   ============================================================ */

:root {
  /* ---------- Brand palette ---------- */
  --brand-cyan:          #1ebfd8;   /* THE single cyan — headings, links, button fills */
  --brand-cyan-hover:    #17b4c6;   /* derived — button hover only */

  /* Supporting accents (use sparingly) */
  --brand-blue:          #0c30d1;   /* post meta links */
  --brand-purple:        #8300e9;   /* rare secondary accent */

  /* Back-compat aliases */
  --brand-cyan-btn:      #1ebfd8;
  --brand-cyan-accent:   #1ebfd8;

  /* ---------- Dark surfaces ---------- */
  --surface-body:        #061e26;
  --surface-nav:         #080e40;
  --surface-top:         #001621;
  --surface-sub:         #040a35;
  --surface-deep:        #000a26;
  --surface-card:        #000c1e;
  --surface-post:        #000000;

  /* ---------- Ink ---------- */
  --ink-primary:         #ffffff;
  --ink-body:            #000000;
  --ink-muted:           rgba(255, 255, 255, 0.68);
  --ink-dim:             rgba(255, 255, 255, 0.45);

  /* ---------- Overlays ---------- */
  --overlay-nav-sub:     rgba(0, 27, 58, 0.83);
  --overlay-top-sub:     rgba(0, 12, 30, 0.76);
  --overlay-black-10:    rgba(0, 0, 0, 0.10);
  --overlay-black-15:    rgba(0, 0, 0, 0.15);
  --overlay-glow:        rgba(160, 190, 212, 0.22);

  /* ---------- Radii ---------- */
  --radius:              6px;
  --radius-pill:         999px;
  --radius-sm:           6px;
  --radius-md:           6px;
  --radius-lg:           6px;

  /* ---------- Shadows ---------- */
  --shadow-card:         0 4px 8px rgba(0, 0, 0, 0.10);
  --shadow-card-hover:   0 10px 20px rgba(0, 0, 0, 0.15);
  --shadow-post:         0 2px 80px 0 rgba(160, 190, 212, 0.22);

  /* ---------- Spacing (WordPress preset scale) ---------- */
  --space-20:            0.44rem;
  --space-30:            0.67rem;
  --space-40:            1rem;
  --space-50:            1.5rem;
  --space-60:            2.25rem;
  --space-70:            3.38rem;
  --space-80:            5.06rem;

  /* ---------- Container widths ---------- */
  --content-size:        823px;
  --wide-size:           1080px;

  /* ---------- Typography: families ---------- */
  --font-display:        'Poppins', Helvetica, Arial, 'Lucida Grande', sans-serif;
  --font-heading:        'Poppins', Helvetica, Arial, 'Lucida Grande', sans-serif;
  --font-body:           'Roboto', Helvetica, Arial, 'Lucida Grande', sans-serif;

  /* ---------- Typography: scale ---------- */
  --fs-hero-h1:          56px;
  --fs-hero-sub:         22px;
  --fs-h1:               36px;
  --fs-h2:               30px;
  --fs-h3:               26px;
  --fs-h4:               22px;
  --fs-h5:               19px;
  --fs-h6:               16px;
  --fs-body:             17px;
  --fs-quote:            20px;
  --fs-nav-mobile:       24px;
  --fs-small:            14px;

  --fw-body:             400;
  --fw-semi:             600;
  --fw-bold:             700;
  --fw-black:            800;

  /* ---------- Motion ---------- */
  --ease-brand:          cubic-bezier(0.77, 0, 0.175, 1);
  --ease-card:           ease;
  --ease-image:          ease-out;
  --dur-fast:            0.18s;
  --dur-card:            0.3s;
  --dur-brand:           1s;

  /* ---------- WordPress preset colour vars ---------- */
  /* These three are what the scott-resume-bot plugin looks for.
     Defining them here re-skins the chatbot into the brand palette
     with no plugin change. Leave this block intact. */
  --wp--preset--color--primary:   #1ebfd8;  /* brand-cyan        */
  --wp--preset--color--secondary: #17b4c6;  /* brand-cyan-hover  */
  --wp--preset--color--contrast:  #061e26;  /* surface-body      */
}