/* Дизайн-токени напряму "Midnight Play" — AI_BUILD_PROMPT.md, Частина 3 */
:root {
  color-scheme: dark;

  --bg-canvas: #100C1D;
  --bg-surface: #1B1430;
  --bg-surface-raised: #261C42;

  --brand-primary: #9D5CFF;
  --brand-primary-hover: #B986FF;

  --accent-coral: #FF6B7A;
  --accent-mint: #57D6B4;

  --text-primary: #FAF7FF;
  --text-secondary: #B9B0CC;

  --border-subtle: #3A2D57;
  --state-error: #FF7186;

  /* Похідні — закривають прогалини доступності, не змінюючи палітру */
  --text-on-accent: var(--bg-canvas);
  --border-control: #7C6E9E;
  --focus-ring: var(--text-primary);

  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "DM Serif Display", "Playfair Display", Georgia, "Times New Roman", serif;

  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 40px; --space-8: 48px;

  --radius-card: 18px;
  --radius-control: 12px;
  --radius-pill: 999px;

  --tap-target: 44px;
  --container-max: 1200px;
  --reading-max: 720px;
  --form-max: 480px;
  --game-max: 640px;

  --shadow-card: 0 12px 32px rgba(0, 0, 0, 0.35);
  --glow-primary: 0 8px 24px rgba(157, 92, 255, 0.28);
}