/*
 * Provisional ROKOIO theme tokens.
 * These values are not official brand colors; they exist so one
 * document-level data-theme change can restyle the whole application.
 *
 * --palette-* mirrors each theme's surface/background so the honeycomb
 * overlay can paint current and target faces even after data-theme swaps.
 */

:root {
  --palette-light-background: #f4efe6;
  --palette-light-surface: #fffdf9;
  --palette-dark-background: #0a0e18;
  --palette-dark-surface: #141a2b;
}

html[data-theme="light"] {
  color-scheme: light;
  --color-background: var(--palette-light-background);
  --color-surface: var(--palette-light-surface);
  --color-surface-elevated: #ffffff;
  --color-text: #12182b;
  --color-text-muted: #4d5568;
  --color-border: #d8d0c4;
  --color-accent: #c44b24;
  --color-accent-contrast: #fffdf9;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --color-background: var(--palette-dark-background);
  --color-surface: var(--palette-dark-surface);
  --color-surface-elevated: #1c2438;
  --color-text: #f4efe6;
  --color-text-muted: #c4bdb0;
  --color-border: #2c3548;
  --color-accent: #d86138;
  --color-accent-contrast: #1a0d08;
}