:root {
  /* --- Palette Colori Base --- */
  --bg-body: var(--color-obsidian);
  --color-parchment:      #f2e8d5;
  --color-parchment-dark: #e0d0b0;
  --color-ink:            #1a1209;
  --color-ink-faded:      #4a3728;
  --color-blood-red:      #8b1a1a;
  --color-gold:           #c8922a;
  --color-obsidian:       #2a1a0e;

  /* --- Variabili Semantiche (TEMA CHIARO) --- */
  --bg-sidebar: var(--color-obsidian);
  --bg-content: var(--color-parchment);
  --text-main:     var(--color-ink);
  --text-faded:    var(--color-ink-faded);
  --border-sep:    var(--color-parchment-dark);
  --accent-red:    var(--color-blood-red);
  --accent-gold:   var(--color-gold);

  /* --- Dimensioni e Font --- */
  --sidebar-w:  260px;
  --header-h:   56px;
  --font-title: 'Cinzel', serif;
  --font-body:  'IM Fell English', serif;
  --font-mono:  'Share Tech Mono', monospace;
}

/* 2. Sovrascrittura per il Tema Scuro */
html.dark-mode {
  --bg-body:     var(--color-obsidian);
  --bg-sidebar: #1a0a0b;
  --bg-content: var(--color-obsidian);
  --text-main:   #e0d6bc;
  --text-faded:  #a0a0a0;
  --border-sep:  #3a2a2a;
  --accent-red:  #ff4d4d; /* Rosso più acceso per risaltare sul fondo scuro */
  --accent-gold: #ffcc66;
}

/* 3. Reset e Base */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { 
  font-size: 19px; 
  height: 100%; 
}

body {
  background-color: var(--bg-body);
  color: var(--text-main);
  font-family: var(--font-body); /* Applica il font "fantasy" a tutto il testo */
  line-height: 1.6;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* 4. Logica Globale dei Link */
a {
  color: var(--accent-red); /* Tutti i link del sito ora nascono ROSSI */
  text-decoration: none;
  transition: all 0.2s ease;
  font-weight: 500;
}

a:hover {
  color: var(--accent-gold); /* Diventano ORO al passaggio del mouse */
  text-decoration: underline;
}

/* Eccezione per la sidebar: niente sottolineatura */
.sidebar a {
  text-decoration: none;
}