/* Monterey Current — shared design tokens
   One source of truth for the WordPress theme + the social render engine.
   Type: bold condensed uppercase (Oswald*) / Prompt / EB Garamond.
   *Oswald is the free Google-Fonts stand-in for the licensed wordmark face. */

:root {
  /* ---- Core palette ---- */
  --mc-navy:            #1D333F;  /* base field */
  --mc-navy-deep:       #16303B;  /* footers, deep shadow */
  --mc-navy-ink:        #0F2530;  /* on-accent text, darkest */
  --mc-section-bar:     #1B3440;  /* masthead / cards */
  --mc-surface:         #16303B;  /* inputs, insets */
  --mc-hairline:        #2A4552;  /* borders */
  --mc-border-strong:   #3A5563;  /* chip borders */

  --mc-accent:          #5AAFC4;  /* Current Blue */
  --mc-accent-hover:    #7FC4D6;
  --mc-white:           #FFFFFF;
  --mc-text:            #DCE6EA;  /* body on navy */
  --mc-slate:           #9FB4BC;  /* secondary text (not body) */
  --mc-slate-dim:       #6E8894;  /* labels, captions, placeholder */

  /* Wave-mark gradient (from the logo art) */
  --mc-wave-light:      #93A6B0;
  --mc-wave-mid:        #5E7A8A;
  --mc-wave-shadow:     #16303B;

  /* ---- Category / section accents (legible on navy) ---- */
  --mc-cat-news:        #5AAFC4;
  --mc-cat-events:      #5AAFC4;
  --mc-cat-sports:      oklch(0.75 0.06 255);   /* steel */
  --mc-cat-arts:        oklch(0.75 0.08 305);   /* violet */
  --mc-cat-eats:        oklch(0.80 0.07 70);    /* warm sand */
  --mc-cat-civic:       oklch(0.77 0.05 165);   /* teal */
  --mc-cat-outdoors:    oklch(0.77 0.07 150);   /* sea green */
  --mc-cat-events-social: oklch(0.82 0.11 135); /* volt (social only) */

  /* ---- Type ---- */
  --mc-font-head:  "Oswald", "Bebas Neue", sans-serif;   /* condensed uppercase */
  --mc-font-body:  "Prompt", system-ui, sans-serif;
  --mc-font-stamp: "EB Garamond", Georgia, serif;        /* EST. 2026, dates */

  /* Web type scale (px) */
  --mc-h1: 42px;  --mc-h2: 30px;  --mc-h3: 22px;
  --mc-lead: 20px; --mc-body: 18px; --mc-ui: 14px;
  --mc-label: 12px; --mc-caption: 12px;

  /* ---- Spacing (8pt) ---- */
  --mc-s1: 4px;  --mc-s2: 8px;  --mc-s3: 12px; --mc-s4: 16px;
  --mc-s5: 20px; --mc-s6: 24px; --mc-s7: 32px; --mc-s8: 44px;

  --mc-radius:    8px;
  --mc-radius-lg: 14px;
  --mc-radius-pill: 999px;
  --mc-content-max: 1040px;
  --mc-read-max: 760px;
}