/* ===== BASE: tokens, resets, body, animations ===== */

:root {
  --blood:#8b0000; --blood-bright:#c0392b;
  --void:#0a0608; --shadow:#12090e; --dusk:#1e1118;
  --pale:#d4c5b0; --bone:#e8dcc8; --silver:#a89880; --gold:#c9a84c;
  /* Changeling */
  --glamour:#6b21a8; --glamour-bright:#a855f7; --fae-gold:#f0c040;
  /* Werewolf */
  --wolf:#1a3a0a; --wolf-bright:#4ade80; --wolf-mid:#16a34a;
  --rage:#dc2626; --rage-bright:#f87171;
  --gnosis:#0ea5e9; --gnosis-bright:#7dd3fc;
  --renown-glory:#f59e0b; --renown-honor:#e2e8f0; --renown-wisdom:#818cf8;
  /* Mage */
  --mage-dark:#071e2e; --mage-bright:#38bdf8; --mage-mid:#0ea5e9;
  --arete:#e879f9; --arete-dim:#86198f;
  --paradox:#f97316; --paradox-dim:#7c2d12;
  --quint:#34d399; --quint-dim:#065f46;
  /* Hunter */
  --hunter-dark:#1a0a00; --hunter:#b45309; --hunter-mid:#d97706; --hunter-bright:#f59e0b;
  --conviction:#fb923c; --virtue:#a3e635;
}

/* Theme toggle (legacy, kept for compatibility) */
.theme-toggle{display:none;}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--void);color:var(--pale);font-family:'EB Garamond',serif;min-height:100vh;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(139,0,0,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 100%,rgba(80,0,60,.09) 0%,transparent 60%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.004) 2px,rgba(255,255,255,.004) 4px);pointer-events:none;z-index:0;}
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");opacity:.4;pointer-events:none;z-index:0;}
#app{position:relative;z-index:1;}

@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:var(--void);}
::-webkit-scrollbar-thumb{background:rgba(139,0,0,.4);border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:rgba(139,0,0,.7);}