/* css/variables.css — CSS custom properties, color themes per act */

:root {
  /* Base palette */
  --color-bg: #1a1410;
  --color-surface: #2a2118;
  --color-text: #f0e6d8;
  --color-text-muted: #a89882;
  --color-accent: #d4a054;
  --color-accent-hover: #e8b868;

  /* Typography */
  --font-body: 'Literata', Georgia, serif;
  --font-display: 'Playfair Display', Georgia, serif;
  --font-ui: 'DM Sans', system-ui, sans-serif;

  /* Layout */
  --game-max-width: 480px;
  --game-padding: 20px;

  /* Transitions */
  --transition-scene: 0.6s ease;
  --transition-fast: 0.2s ease;
}

/* Act-specific theme overrides */
[data-act="0"], [data-act="1"] {
  --color-bg: #1f1810;
  --color-surface: #2d2215;
  --color-accent: #d4a054;
  /* Warm amber — scramble energy */
}

[data-act="2"] {
  --color-bg: #1a1612;
  --color-surface: #28221c;
  --color-accent: #b8956a;
  /* Deeper browns — focused kitchen */
}

[data-act="3"] {
  --color-bg: #0f1218;
  --color-surface: #1a1e28;
  --color-accent: #7a9cc6;
  /* Cool blues — night delivery */
}

[data-act="4"] {
  --color-bg: #12100e;
  --color-surface: #1e1a16;
  --color-accent: #d4a054;
  /* Back to warm — epilogue */
}