/* ═══════════════════════════════════════════════════════════════
   mbanc.ai — Color tokens
   Sourced from config/brand.json + the live Console / Auth CSS.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Brand core ───────────────────────────────────────────── */
  --mb-red:          #FF3300;   /* signature ignition orange-red */
  --mb-red-2:        #ff5c33;   /* lighter — hover / accents      */
  --mb-red-dim:      #cc2900;   /* darker — gradients / press     */
  --mb-red-glow:     rgba(255, 51, 0, 0.45);
  --mb-red-soft:     rgba(255, 51, 0, 0.08);
  --mb-ember:        #ff6633;   /* warm secondary accent text     */

  /* ── Navy field ───────────────────────────────────────────── */
  --mb-bg-deep:      #020810;   /* deepest space backdrop         */
  --mb-bg-void:      #050d20;   /* scene background               */
  --mb-navy:         #091638;   /* primary navy surface           */
  --mb-navy-2:       #0d1f4a;   /* secondary navy surface         */
  --mb-navy-3:       #1a2d5a;   /* tertiary / raised surface      */
  --mb-navy-mid:     #003366;   /* classic Mbanc blue             */

  /* ── Ink (text) ───────────────────────────────────────────── */
  --mb-ink:          #e2e8f0;   /* primary text                   */
  --mb-ink-2:        #c8d4e6;   /* secondary text                 */
  --mb-ink-3:        #506080;   /* tertiary / muted text          */
  --mb-ink-4:        #2a3358;   /* faint / footer text, hairlines */
  --mb-ink-soft:     #7e90b0;   /* soft body on navy              */

  /* ── Neutrals (light-mode / print) ────────────────────────── */
  --mb-white:        #ffffff;
  --mb-black:        #000000;
  --mb-light-gray:   #E9EEEE;   /* the "light" half of the M mark */
  --mb-sage:         #949C84;   /* heritage sage                  */
  --mb-lime:         #D0FD7A;   /* heritage lime highlight        */

  /* ── Semantic status ──────────────────────────────────────── */
  --mb-success:      #22c55e;
  --mb-success-glow: rgba(34, 197, 94, 0.4);
  --mb-danger:       #ef4444;
  --mb-warning:      #f59e0b;

  /* ── Glass surfaces (the holographic vocabulary) ──────────── */
  --mb-glass:        rgba(9, 22, 56, 0.38);   /* card fill        */
  --mb-glass-2:      rgba(13, 31, 74, 0.35);  /* command-bar fill */
  --mb-glass-hover:  rgba(18, 40, 90, 0.50);  /* card hover fill  */
  --mb-glass-strong: rgba(9, 22, 56, 0.70);   /* header fill      */
  --mb-hairline:     rgba(255, 255, 255, 0.10); /* glass border   */
  --mb-hairline-2:   rgba(255, 255, 255, 0.03); /* faint divider  */

  /* ── Semantic aliases ─────────────────────────────────────── */
  --surface-page:    var(--mb-bg-deep);
  --surface-card:    var(--mb-glass);
  --surface-raised:  var(--mb-navy-2);
  --surface-input:   rgba(255, 255, 255, 0.04);
  --border-default:  var(--mb-hairline);
  --border-strong:   rgba(255, 51, 0, 0.50);

  --text-primary:    var(--mb-ink);
  --text-secondary:  var(--mb-ink-2);
  --text-muted:      var(--mb-ink-3);
  --text-faint:      var(--mb-ink-4);
  --text-accent:     var(--mb-ember);

  --accent:          var(--mb-red);
  --accent-hover:    var(--mb-red-2);
  --accent-press:    var(--mb-red-dim);
}