/* ============================================================
   A COURT OF STOLEN SOULS — DESIGN TOKENS  (Velaris refresh)
   Replaces v1/css/variables.css in full.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cinzel+Decorative:wght@400;700;900&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400&family=JetBrains+Mono:wght@400;500&family=Courier+Prime:ital,wght@0,400;0,700;1,400&display=swap');

:root {
  /* ── Backgrounds — deep violet-black (was navy) ────────────── */
  --bg-primary:   #0a0612;
  --bg-secondary: #120a1f;
  --bg-panel:     #1a0f2e;
  --bg-surface:   #231640;
  --bg-input:     #14092b;
  --bg-base:      var(--bg-primary);     /* alias used in admin.css */
  --bg-elevated:  var(--bg-surface);     /* alias used in admin.css */
  --bg-hover:     rgba(124,58,237,0.08);

  /* ── Violet / Night Court ──────────────────────────────────── */
  --violet-primary:     #7c3aed;
  --violet-secondary:   #a78bfa;
  --violet-dim:         #4b2680;
  --violet-glow:        rgba(124,58,237,0.22);
  --violet-glow-strong: rgba(124,58,237,0.50);

  /* ── Silver / Starlight ────────────────────────────────────── */
  --silver-primary:   #d8e3f5;
  --silver-secondary: #9ab0d0;
  --silver-dim:       #45597a;

  /* ── Gold / Champagne ──────────────────────────────────────── */
  --gold-primary:      #d4a574;
  --gold-secondary:    #e8c896;
  --gold-dim:          #6a4d1e;
  --gold-muted:        var(--gold-secondary);  /* alias */
  --gold-glow:         rgba(212,165,116,0.18);
  --gold-glow-strong:  rgba(212,165,116,0.45);
  --accent-gold:       var(--gold-primary);    /* alias */
  --amber-primary:     var(--gold-primary);    /* alias */

  /* ── Semantic ──────────────────────────────────────────────── */
  --crimson:         #8b1a2a;
  --crimson-bright:  #d6485a;
  --success:         #2d6a4f;
  --success-bright:  #6fb89a;
  --warning:         #d4a574;
  --danger:          #8b1a2a;
  --danger-bright:   #d6485a;
  --red-primary:     var(--crimson-bright);    /* alias used in character.php */
  --rose-gold:       #d4a574;                  /* alias used in combat.php */

  /* ── Text (raised contrast) ────────────────────────────────── */
  --text-primary:    #ece4f8;
  --text-secondary:  #b5a7cf;
  --text-dim:        #6c5d8a;
  --text-muted:      var(--text-secondary);    /* alias */
  --text-gold:       var(--gold-secondary);
  --text-bright:     #ffffff;
  --text-violet:     #c4a8ff;

  /* ── Borders ──────────────────────────────────────────────── */
  --border-default:   #2a1f4a;
  --border-highlight: var(--violet-primary);
  --border-gold:      var(--gold-primary);
  --border-subtle:    #1f1535;

  /* ── Fonts (names unchanged — code expects these) ──────────── */
  --font-display:  'Cinzel Decorative', 'Cinzel', serif;
  --font-heading:  'Cinzel', serif;
  --font-body:     'Crimson Pro', Georgia, serif;
  --font-mono:     'JetBrains Mono', 'Courier Prime', 'Courier New', monospace;

  /* ── Type scale (raised floor — readability fix) ───────────── */
  --text-xs:   0.8125rem;   /* 13px  (was 12px) */
  --text-sm:   0.9375rem;   /* 15px  (was 14px) */
  --text-base: 1.0625rem;   /* 17px  (was 16px) */
  --text-lg:   1.1875rem;
  --text-xl:   1.375rem;
  --text-2xl:  1.625rem;
  --text-3xl:  2rem;
  --text-4xl:  2.5rem;
  --text-5xl:  3.25rem;

  /* ── Spacing ──────────────────────────────────────────────── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* ── Radii ──────────────────────────────────────────────────── */
  --radius-sm:   3px;
  --radius-md:   6px;
  --radius-lg:   10px;
  --radius-xl:   14px;
  --radius-2xl:  20px;
  --radius-full: 9999px;

  /* ── Shadows & glows ──────────────────────────────────────── */
  --shadow-sm:    0 1px 3px rgba(0,0,0,0.6);
  --shadow-md:    0 8px 24px -12px rgba(0,0,0,0.7);
  --shadow-lg:    0 16px 48px -16px rgba(0,0,0,0.8);
  --shadow-inner: inset 0 1px 0 rgba(255,255,255,0.04);

  --glow-violet:  0 0 18px rgba(124,58,237,0.45);
  --glow-gold:    0 0 16px rgba(212,165,116,0.4);
  --glow-silver:  0 0 14px rgba(216,227,245,0.25);

  /* ── Transitions ──────────────────────────────────────────── */
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
  --transition-slow: 0.4s ease;

  /* ── Z-layers ─────────────────────────────────────────────── */
  --z-base:    1;
  --z-panel:   10;
  --z-overlay: 100;
  --z-modal:   1000;
  --z-tooltip: 2000;

  /* ── Surface aliases referenced in character.php ──────────── */
  --surface-3:        var(--bg-surface);
}

/* Starfield background utility — apply via body.starlit on landing/onboarding */
body.starlit {
  background:
    radial-gradient(ellipse 800px 400px at 20% 0%, rgba(124,58,237,0.18), transparent 60%),
    radial-gradient(ellipse 600px 500px at 85% 100%, rgba(212,165,116,0.06), transparent 60%),
    radial-gradient(2px 2px at 12% 18%, rgba(255,255,255,0.6), transparent),
    radial-gradient(1.5px 1.5px at 27% 62%, rgba(255,255,255,0.4), transparent),
    radial-gradient(1px 1px at 48% 32%, rgba(255,255,255,0.55), transparent),
    radial-gradient(1.5px 1.5px at 68% 85%, rgba(255,255,255,0.5), transparent),
    radial-gradient(1px 1px at 78% 12%, rgba(255,255,255,0.7), transparent),
    radial-gradient(1.2px 1.2px at 92% 48%, rgba(255,255,255,0.5), transparent),
    var(--bg-primary);
}