/* ─────────────────────────────────────────────
   Gregor Media — Brand Color Tokens
   ───────────────────────────────────────────── */

:root {
  /* ── Brand palette ── */
  --color-orange:          rgb(255, 140, 0);      /* primary accent */
  --color-orange-light:    rgb(255, 247, 237);    /* tint bg */
  --color-orange-mid:      rgb(242, 138, 25);     /* darker variant */
  --color-orange-30:       rgba(255, 140, 0, 0.3);
  --color-orange-20:       rgba(255, 140, 0, 0.2);

  --color-navy:            rgb(40, 50, 80);       /* primary dark */
  --color-navy-deep:       rgb(28, 35, 58);       /* footer / darker navy */
  --color-navy-30:         rgba(40, 50, 80, 0.3);
  --color-navy-20:         rgba(40, 50, 80, 0.2);
  --color-navy-10:         rgba(40, 50, 80, 0.1);
  --color-navy-06:         rgba(40, 50, 80, 0.06);

  --color-green:           rgb(150, 194, 44);     /* secondary accent */
  --color-violet:          rgb(98, 94, 243);      /* tertiary accent */
  --color-forest:          rgb(5, 46, 50);        /* deep forest */

  /* ── Neutral palette ── */
  --color-white:           rgb(255, 255, 255);
  --color-cream:           rgb(248, 247, 243);    /* section alt bg */
  --color-cream-dark:      rgb(233, 229, 214);
  --color-gray-light:      rgb(239, 239, 239);    /* borders */
  --color-gray:            rgb(217, 217, 217);    /* dividers */
  --color-gray-mid:        rgb(150, 152, 151);    /* muted text */
  --color-gray-dark:       rgb(79, 79, 79);
  --color-charcoal:        rgb(67, 67, 66);
  --color-dark:            rgb(43, 43, 42);
  --color-darker:          rgb(41, 41, 41);
  --color-black:           rgb(0, 0, 0);

  /* ── Status ── */
  --color-success:         rgb(60, 193, 78);
  --color-warning:         rgb(252, 184, 54);
  --color-error:           rgb(245, 104, 92);

  /* ── Semantic aliases ── */
  --color-bg-default:      var(--color-white);
  --color-bg-alt:          var(--color-cream);
  --color-bg-dark:         var(--color-navy);
  --color-bg-footer:       var(--color-navy-deep);

  --color-text-primary:    var(--color-navy);
  --color-text-body:       var(--color-navy);
  --color-text-muted:      var(--color-gray-mid);
  --color-text-on-dark:    var(--color-white);
  --color-text-on-orange:  var(--color-white);

  --color-action:          var(--color-orange);
  --color-action-hover:    var(--color-orange-mid);
  --color-border:          var(--color-gray-light);
  --color-border-muted:    var(--color-gray);
}