/* FORUM — Color System
   ----------------------------------------------------------------
   "Blue is the most trusted color on earth." FORUM is built almost
   entirely from it. Four steps, each with a job:
     Navy — depth, permanence, gravitas (the carved stone)
     Royal — confidence + capability (peer to the agencies)
     Sky  — open, approachable, human
     Mist — clarity + calm, cool neutral rest
   Sampled from the master logo gradient (#3A97F1 → #1A4BB8). */

:root {
  /* ---- Brand blues (base ramp) ---- */
  --forum-navy-900: #081B43;
  --forum-navy:     #0E2A5E;   /* foundation navy */
  --forum-navy-700: #143A7C;
  --forum-royal-700:#1A4BB8;
  --forum-royal:    #1E55C8;   /* primary action / trust signal */
  --forum-royal-400:#3D7BE6;
  --forum-sky:      #3D97F0;   /* open, human, accents */
  --forum-sky-300:  #7FBAF6;
  --forum-sky-100:  #C4DFFB;

  /* ---- Mist / cool neutrals ---- */
  --forum-mist:     #EAF1FA;   /* primary cool surface */
  --forum-mist-200: #DCE6F4;
  --forum-mist-300: #C3D2E6;

  /* ---- Ink + warm-free greys (carved-stone neutrals) ---- */
  --forum-ink:      #0B1320;   /* near-black, the serif wordmark */
  --forum-graphite: #2A3445;
  --forum-slate:    #5A6679;
  --forum-stone:    #8794A6;
  --forum-fog:      #C9D1DC;
  --forum-cloud:    #E7ECF3;
  --forum-paper:    #F6F8FC;   /* off-white page */
  --forum-white:    #FFFFFF;

  /* ---- Signal colors (used sparingly; blue-leaning) ---- */
  --forum-success:  #1E8A6B;
  --forum-warning:  #C98A1E;
  --forum-danger:   #C2402F;

  /* ---- Brand gradient (the logo / hero gradient) ---- */
  --forum-gradient: linear-gradient(100deg, #3D97F0 0%, #1E55C8 52%, #143A7C 100%); /* @kind color */
  --forum-gradient-deep: linear-gradient(160deg, #0E2A5E 0%, #081B43 100%); /* @kind color */

  /* =========================================================
     Semantic aliases — reference these in product UI
     ========================================================= */
  --color-bg:            var(--forum-paper);
  --color-bg-deep:       var(--forum-navy);
  --color-surface:       var(--forum-white);
  --color-surface-mist:  var(--forum-mist);
  --color-surface-raised:var(--forum-white);

  --color-text:          var(--forum-ink);
  --color-text-secondary:var(--forum-slate);
  --color-text-muted:    var(--forum-stone);
  --color-text-on-dark:  var(--forum-white);
  --color-text-on-dark-muted: var(--forum-sky-100);

  --color-primary:       var(--forum-royal);
  --color-primary-hover: var(--forum-royal-700);
  --color-primary-press: var(--forum-navy-700);
  --color-accent:        var(--forum-sky);
  --color-on-primary:    var(--forum-white);

  --color-border:        var(--forum-mist-200);
  --color-border-strong: var(--forum-mist-300);
  --color-divider:       var(--forum-cloud);
  --color-focus-ring:    var(--forum-sky);

  --color-link:          var(--forum-royal);
  --color-link-hover:    var(--forum-navy-700);
}