/**
 * Платформенные токены (поверх существующих --primary-color в styles.css).
 * Постепенно выносим «магические» значения; визуал сохраняем.
 */
:root {
  --surface: rgba(26, 24, 19, 0.92);
  --surface-hover: rgba(201, 169, 97, 0.12);
  --accent: #c9a961;
  --border: rgba(201, 169, 97, 0.22);
  --container-width: 1200px;
  --header-height: 116px;
}

[data-theme='chronicles'] {
  --surface: rgba(26, 24, 19, 0.92);
  --surface-hover: rgba(201, 169, 97, 0.12);
  --accent: #c9a961;
  --border: rgba(201, 169, 97, 0.22);
}

[data-theme='futbik'] {
  --surface: rgba(15, 40, 28, 0.92);
  --surface-hover: rgba(120, 200, 160, 0.12);
  --accent: #6ecf9b;
  --border: rgba(120, 200, 160, 0.25);
}

[data-theme='tajny-pisaniya'] {
  --surface: rgba(20, 28, 48, 0.92);
  --surface-hover: rgba(201, 169, 97, 0.14);
  --accent: #c9a961;
  --border: rgba(201, 169, 97, 0.28);
}

[data-theme='po-sledam-zaveta'] {
  --surface: rgba(26, 39, 68, 0.92);
  --surface-hover: rgba(212, 175, 55, 0.12);
  --accent: #d4af37;
  --border: rgba(212, 175, 55, 0.25);
  --text-primary: #f5f5f5;
  --text-secondary: #c9c9c9;
  --background-primary: #1a2744;
  --background-secondary: #f8f6f0;
}

[data-theme='dragohot'] {
  --surface: rgba(15, 26, 22, 0.92);
  --surface-hover: rgba(0, 255, 136, 0.08);
  --accent: #00ff88;
  --border: rgba(0, 255, 136, 0.2);
  --text-primary: #e0e0e0;
  --text-secondary: #a0a0a0;
  --background-primary: #0f1a16;
  --background-secondary: #1a2a24;
}

[data-theme='platform'] {
  --surface: rgba(26, 24, 19, 0.92);
  --surface-hover: rgba(201, 169, 97, 0.12);
  --accent: #c9a961;
  --border: rgba(201, 169, 97, 0.22);
}

.hidden {
  display: none !important;
}