/* ============================================================
   GameGrades color scheme — design tokens
   Extracted from the live site (all values already in use today,
   consolidated from ~30 templates). One place to change any color.
   ============================================================ */

:root {
  /* ---- Neutrals (charcoal scale, unchanged) ---- */
  --gg-bg:            #161616;  /* page background */
  --gg-bg-deep:       #0f0f0f;  /* site header, table headers */
  --gg-surface:       #1a1a1a;  /* cards, panels */
  --gg-surface-2:     #242424;  /* inputs, chips, nested surfaces */
  --gg-surface-hover: #2e2e2e;  /* hover state for surfaces/buttons */
  --gg-border:        #2a2a2a;  /* default border */
  --gg-border-strong: #3a3a3a;  /* emphasized border (inputs, chips) */

  /* ---- Text (3 steps, unchanged) ---- */
  --gg-text:          #e5e7eb;  /* primary */
  --gg-text-2:        #cfd3d8;  /* secondary (nav, labels) */
  --gg-text-3:        #9aa0a6;  /* muted (meta, captions) */

  /* ---- Brand accent ---- */
  --gg-accent:        #715ab8;  /* 70% along the wordmark gradient — links, active states, primary */
  --gg-accent-2:      #764ba2;  /* purple — gradient partner */
  --gg-accent-light:  #c0b1f1;  /* light tint — text on dark accents */
  --gg-accent-soft:   rgba(113, 90, 184, 0.15); /* fills, focus rings */
  --gg-gradient:      linear-gradient(135deg, #715ab8 0%, #764ba2 100%);

  /* ---- Gold (favorites / featured / #1 rank, unchanged) ---- */
  --gg-gold:          #f3c766;
  --gg-gold-strong:   #d4b44c;
  --gg-gold-pale:     #fbf2d4;

  /* ---- Status ---- */
  --gg-success:       #28c76f;
  --gg-warning:       #f59e0b;
  --gg-danger:        #f56565;
  --gg-danger-soft:   rgba(239, 68, 68, 0.12); /* replaces solid #6e1f1f buttons */

  /* ---- Score ramp (game cards / badges, unchanged) ---- */
  --gg-score-high:    #22c55e;  /* 8.0+  */
  --gg-score-mid:     #a3e635;  /* 6.5–8 */
  --gg-score-low:     #fbbf24;  /* 5–6.5 */
  --gg-score-poor:    #f97316;  /* <5    */
  --gg-score-na:      #6b7280;  /* unrated */

  /* ---- Shape scale (the "slight changes") ---- */
  --gg-radius-s:      8px;      /* chips, small controls */
  --gg-radius-m:      12px;     /* buttons, inputs, table rows */
  --gg-radius-l:      16px;     /* cards, panels, modals */
}