/* ============================================================
   GLASSGRID THEME — MIDNIGHT (DEFAULT)
   Purple-to-Blue gradient accent on deep black backgrounds.
   
   ⚠️  ONLY override semantic tokens from tokens.css
   ⚠️  NEVER add layout or structural rules here
   ⚠️  NEVER reference component class names here
   ============================================================ */

[data-theme="midnight"],
:root {
  --color-bg-base:        #07070f;
  --color-bg-surface:     #0e0e1c;
  --color-bg-elevated:    #13132a;
  --color-bg-overlay:     rgba(7, 7, 15, 0.90);

  --color-glass-fill:     rgba(255, 255, 255, 0.055);
  --color-glass-fill-md:  rgba(255, 255, 255, 0.085);
  --color-glass-fill-lg:  rgba(255, 255, 255, 0.12);
  --color-glass-border:   rgba(255, 255, 255, 0.10);
  --color-glass-border-md:rgba(255, 255, 255, 0.18);
  --color-glass-highlight:rgba(168, 85, 247, 0.06);

  --color-accent-primary:   #a855f7;
  --color-accent-secondary: #60a5fa;
  --color-accent-tertiary:  #f472b6;
  --color-accent-gradient:  linear-gradient(135deg, #a855f7, #60a5fa);
  --color-accent-gradient-full: linear-gradient(135deg, #9333ea, #3b82f6, #ec4899);

  --shadow-glow:        0 0 20px rgba(168, 85, 247, 0.20);
  --shadow-glow-accent: 0 0 40px rgba(168, 85, 247, 0.35);

  --story-ring-gradient: linear-gradient(135deg, #9333ea, #3b82f6, #ec4899);
  --navbar-bg: rgba(7, 7, 15, 0.85);
}