/* NINE CAP TCG — Color tokens
   Brand DNA: deep oxblood + soft lavender, with gold for rare/chase moments.
   Dark-first. Warm-tinted neutrals (never pure gray). */

:root {
  /* ---- Oxblood / ink (warm dark surfaces) ---- */
  --oxblood-950: #160608;
  --oxblood-900: #220A0C;
  --oxblood-850: #2C0E11;
  --oxblood-800: #401517; /* brand base (logo background) */
  --oxblood-700: #4E1B1F;
  --oxblood-600: #632529;
  --oxblood-500: #7C353A;

  /* ---- Lavender (primary accent / the creature mark) ---- */
  --lavender-50:  #F7F1F8;
  --lavender-100: #EFE0F0;
  --lavender-200: #E1C9E2;
  --lavender-300: #DABDDB; /* brand mark color */
  --lavender-400: #C49CC6;
  --lavender-500: #A878AB;
  --lavender-600: #8A5A8D;

  /* ---- Gold (rare / chase / premium highlight) ---- */
  --gold-200: #F6E2B6;
  --gold-300: #F0CE8E;
  --gold-400: #E3B266;
  --gold-500: #CE9442;

  /* ---- Warm neutrals (text + borders on dark) ---- */
  --warm-50:  #F5EFF1;
  --warm-100: #E9DFE2;
  --warm-200: #D2C5C9;
  --warm-300: #B6A6AC;
  --warm-400: #97868D;
  --warm-500: #756268;
  --warm-600: #564649;

  /* ---- Status ---- */
  --positive-400: #7FC79C;
  --positive-500: #4FA277;
  --warning-400:  #E9B767;
  --critical-400: #E5746C;
  --critical-500: #C9534B;

  /* ---- Pure ---- */
  --white: #FFFFFF;
  --black: #000000;

  /* ===================================================
     SEMANTIC ALIASES — reach for these in UI code
     =================================================== */

  /* Surfaces */
  --bg-page:      var(--oxblood-950);
  --bg-surface:   var(--oxblood-900);
  --bg-elevated:  var(--oxblood-850);
  --bg-inset:     var(--oxblood-950);
  --bg-overlay:   rgba(16, 4, 6, 0.72);

  /* Text */
  --text-primary:    var(--warm-50);
  --text-secondary:  var(--warm-300);
  --text-muted:      var(--warm-400);
  --text-on-accent:  var(--oxblood-900);
  --text-link:       var(--lavender-300);

  /* Accent (lavender) */
  --accent:        var(--lavender-300);
  --accent-hover:  var(--lavender-200);
  --accent-press:  var(--lavender-400);
  --accent-soft:   rgba(218, 189, 219, 0.14);
  --accent-ring:   rgba(218, 189, 219, 0.45);

  /* Rare / premium */
  --rare:          var(--gold-400);
  --rare-soft:     rgba(227, 178, 102, 0.16);

  /* Borders / dividers */
  --border-subtle:  rgba(218, 189, 219, 0.10);
  --border-default: rgba(218, 189, 219, 0.18);
  --border-strong:  rgba(218, 189, 219, 0.34);

  /* Status semantics */
  --in-stock:     var(--positive-400);
  --low-stock:    var(--warning-400);
  --out-stock:    var(--critical-400);

  /* Live / hype */
  --live: var(--critical-400);
}