/* ============ TAROCDESTINY DESIGN TOKENS ============ */
:root {
  /* Основная палитра */
  --bg-deep: #0a0612;
  --bg-mid: #1b0f2a;
  --bg-card: rgba(255, 255, 255, 0.04);
  --bg-card-hover: rgba(255, 255, 255, 0.08);

  --gold: #ffd166;
  --gold-deep: #d4a032;
  --gold-glow: rgba(255, 209, 102, 0.55);

  --violet: #b76cff;
  --violet-deep: #6b3ea3;

  --rose: #ff6b8b;
  --rose-deep: #c14861;

  --text: rgba(255, 255, 255, 0.94);
  --text-muted: rgba(255, 255, 255, 0.62);
  --text-faint: rgba(255, 255, 255, 0.38);

  /* Градиенты */
  --grad-bg: radial-gradient(ellipse at 50% -10%, #2d1245 0%, #0a0612 55%, #05030a 100%);
  --grad-gold: linear-gradient(135deg, #ffe18a 0%, #ffd166 40%, #d4a032 100%);
  --grad-violet: linear-gradient(135deg, #b76cff 0%, #ffd166 100%);
  --grad-rose: linear-gradient(135deg, #ff6b8b 0%, #ffd166 100%);

  /* Тени */
  --shadow-card: 0 12px 40px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 209, 102, 0.08) inset;
  --shadow-glow: 0 0 36px rgba(255, 209, 102, 0.45);
  --shadow-soft: 0 8px 28px rgba(0, 0, 0, 0.4);

  /* Радиусы */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;

  /* Шрифты */
  --font-display: "Cormorant Garamond", "Eagle Lake", Georgia, serif;
  --font-body: "Manrope", "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  /* Preciosa — викторианский декоративный, ТОЛЬКО для редких акцентов
     (главный hero на главной + буквицы в результатах раскладов).
     Никогда не использовать для длинных строк или body-текста. */
  --font-decor: "Preciosa", "Cormorant Garamond", Georgia, serif;
}

/* ============ PRECIOSA (локальный файл) ============
   Файл: /public/fonts/Preciosa.ttf (положите его туда)
   Если файла нет — браузер тихо упадёт на --font-decor fallback (Cormorant). */
@font-face {
  font-family: "Preciosa";
  src: url("/fonts/Preciosa.woff2") format("woff2"),
       url("/fonts/Preciosa.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Тематические оттенки страниц (love.html переопределяет акцент) */
body[data-theme="love"] {
  --gold: #ff8aa8;
  --gold-glow: rgba(255, 138, 168, 0.55);
  --grad-gold: linear-gradient(135deg, #ff8aa8 0%, #ffd166 100%);
}
body[data-theme="three"] {
  --gold: #d8a8ff;
  --gold-glow: rgba(216, 168, 255, 0.55);
}