/* ============================================================
   PitchMind — Color tokens
   Base palette (brand primitives) + semantic aliases.
   Derived from the PitchMind admin + PWA codebase theme tokens.
   ============================================================ */

:root {
  /* ---- Brand primitives ---------------------------------- */
  /* Navy / ink — the deep tactical-board blues from the app icon */
  --pm-navy-900: #060f1e;   /* legacy app background, deepest ink */
  --pm-navy-800: #0d1f38;   /* legacy panel, icon gradient stop */
  --pm-navy-700: #1e3f6f;   /* icon gradient start */
  --pm-blue-700: #1f4e79;   /* PitchMind primary blue (admin) */
  --pm-blue-600: #1853b8;   /* PWA primary blue (info) */
  --pm-blue-400: #6ab0ff;   /* legacy accent blue, pitch nodes */

  /* Pitch green — the accent that draws the field lines */
  --pm-green-600: #1f8a4c;  /* darker green for text-on-light */
  --pm-green-500: #34d676;  /* signature accent green */
  --pm-green-300: #86efac;

  /* Warm-white page + neutral slate ramp */
  --pm-white:     #ffffff;
  --pm-paper:     #f6f9fc;  /* warm white with a blue tint — page bg */
  --pm-slate-50:  #f1f5f9;
  --pm-slate-100: #e2e8f0;
  --pm-slate-200: #cbd5e1;
  --pm-slate-400: #94a3b8;
  --pm-slate-500: #64748b;
  --pm-slate-700: #334155;
  --pm-slate-900: #0f172a;  /* primary text */

  /* Status accents (kit cards, badges, callouts) */
  --pm-emerald: #10b981;
  --pm-sky:     #0ea5e9;
  --pm-amber:   #f59e0b;
  --pm-rose:    #e11d48;
  --pm-red:     #dc2626;    /* destructive */
  --pm-yellow:  #f5c842;    /* legacy warning yellow */

  /* ---- Semantic aliases ---------------------------------- */
  --background:        var(--pm-paper);
  --surface-card:      var(--pm-white);
  --surface-muted:     var(--pm-slate-50);
  --surface-inverse:   var(--pm-navy-800);

  --text-strong:       var(--pm-slate-900);
  --text-body:         var(--pm-slate-700);
  --text-muted:        var(--pm-slate-500);
  --text-on-primary:   #f8fafc;
  --text-on-inverse:   #e8eef6;

  --primary:           var(--pm-blue-700);
  --primary-hover:     #1a4368;
  --primary-fg:        var(--text-on-primary);
  --accent:            var(--pm-green-500);
  --accent-strong:     var(--pm-green-600);

  --border-subtle:     var(--pm-slate-100);  /* inputs, dividers, table cells */
  --border-strong:     var(--pm-slate-200);
  --card-border:       var(--pm-blue-700);   /* the signature 2px card border (admin) */
  --card-border-pwa:   var(--pm-green-500);  /* PWA cards use the green border */
  --ring:              var(--pm-blue-700);

  /* Status semantics */
  --status-planned:    var(--pm-sky);
  --status-live:       var(--pm-emerald);
  --status-completed:  var(--pm-slate-400);
  --status-cancelled:  var(--pm-slate-400);
  --success:           var(--pm-emerald);
  --info:              var(--pm-sky);
  --warning:           var(--pm-amber);
  --danger:            var(--pm-red);
}

/* PWA theme scope — green-accented, used by the mobile match-day app.
   Apply by adding class="pm-pwa" on a wrapper. */
.pm-pwa {
  --primary:      var(--pm-blue-600);
  --card-border:  var(--pm-green-500);
  --ring:         var(--pm-green-500);
}