/* Oakenforge — Direction theme overrides */
/* Loaded after core.css; selectors override :root Forge defaults */

/* ── Arcane direction: deep indigo + gold ──────────────── */
body[data-direction="arcane"] {
  --cc:  #C8AA5A;
  --cc2: rgba(200,170,90,0.12);
  --bg:  #0B0A16;
  --bg2: #131128;
  --bg3: #1A1636;
  --bg4: #211D40;
  --bg5: #28234A;
  --border:  rgba(200,170,90,0.14);
  --border1: rgba(200,170,90,0.21);
  --border2: rgba(200,170,90,0.28);
  --text:   #E6DEC7;
  --text2:  #B9AE8A;
  --text3:  #7D7260;
  --bright: #F0E8D4;
  --rune:   #C8AA5A;
  --ink:    #0E0B20;
  --accent-2: #7DA8FF;
  --glow-color: rgba(200,170,90,0.35);
  --glow: 0 0 24px rgba(200,170,90,0.35);
  --shadow: 0 4px 24px rgba(20,16,50,0.6);
  /* DESIGN-PORT-V2 Phase 1 mirror — only colored tokens get per-direction values */
  --cc-soft:   rgba(200,170,90,0.12);
  --cc-glow:   rgba(200,170,90,0.35);
  --cc-bright: #E6CB87;
  --bg-card:   color-mix(in srgb, var(--bg2) 92%, transparent);
  --border3:   rgba(200,170,90,0.42);
  --text4:     #4A4434;
  --shadow-sm: 0 2px 8px rgba(20,16,50,0.4);
  --shadow-lg: 0 12px 48px rgba(20,16,50,0.7);
  --glow-sm:   0 0 12px var(--cc-glow);
  --inset-edge: inset 0 1px 0 rgba(230,203,135,0.06);
}

/* ── Grimoire direction: parchment + oxblood ink ───────── */
body[data-direction="grimoire"] {
  --cc:  #8A2A1E;
  --cc2: rgba(138,42,30,0.12);
  --bg:  #E8DCC0;
  --bg2: #DDCFAD;
  --bg3: #C9B88F;
  --bg4: #BAA67A;
  --bg5: #A89060;
  --border:  rgba(90,60,30,0.22);
  --border1: rgba(90,60,30,0.32);
  --border2: rgba(90,60,30,0.42);
  --text:   #2E1E0C;
  --text2:  #5C4424;
  --text3:  #8A7248;
  --bright: #1A0E06;
  --rune:   #8A2A1E;
  --ink:    #2E1E0C;
  --accent-2: #3F5B2E;
  --glow-color: rgba(138,42,30,0.25);
  --glow: 0 0 24px rgba(138,42,30,0.25);
  --shadow: 0 4px 24px rgba(0,0,0,0.15);
  /* DESIGN-PORT-V2 Phase 1 mirror */
  --cc-soft:   rgba(138,42,30,0.12);
  --cc-glow:   rgba(138,42,30,0.25);
  --cc-bright: #B5483A;
  --bg-card:   color-mix(in srgb, var(--bg2) 92%, transparent);
  --border3:   rgba(90,60,30,0.55);
  --text4:     #6E5A30;
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.12);
  --shadow-lg: 0 12px 48px rgba(0,0,0,0.18);
  --glow-sm:   0 0 12px var(--cc-glow);
  --inset-edge: inset 0 1px 0 rgba(181,72,58,0.08);
}