/* Phase 2 — theme tokens (Classic default + Breeze) */

:root,
[data-theme="classic"] {
  --page-bg: radial-gradient(ellipse at top, #1a3d2a 0%, #0a1510 70%);
  --felt: #0d5c2e;
  --felt-dark: #094021;
  --felt-border: #c9a227;
  --gold: #d4af37;
  --gold-light: #f0d878;
  --red: #c41e3a;
  --black: #1a1a1a;
  --green: #228b22;
  --text: #f5f0e1;
  --text-muted: #b8b0a0;
  --panel: #122a1a;
  --panel-border: var(--felt-border);
  --shadow: rgba(0, 0, 0, 0.45);
  --win-color: #7dff9a;
  --input-bg: rgba(0, 0, 0, 0.3);
  --input-border: rgba(255, 255, 255, 0.2);
  --btn-secondary-bg: rgba(255, 255, 255, 0.1);
  --btn-secondary-border: rgba(255, 255, 255, 0.2);
  --history-bg: #fff;
  --history-title-bg: var(--green);
  --history-title-color: #fff;
  --history-row-red: #f8dcc8;
  --history-row-black: #f5f0d8;
  --history-row-green: #dcefdc;
  --history-stats: #222;
  --history-empty: #888;
  --dealer-bg: linear-gradient(160deg, #1a2f24 0%, #0d1a12 100%);
  --dealer-frame-border: rgba(212, 175, 55, 0.35);
  --modal-bg: linear-gradient(180deg, #1a3d2e 0%, #0f2818 100%);
  --modal-border: rgba(212, 175, 55, 0.35);
  --freq-footer-bg: #fff;
  --freq-footer-title: #333;
  --inside-zone-bg: rgba(212, 175, 55, 0.35);
  --inside-zone-border: rgba(212, 175, 55, 0.7);
  --inside-zone-hover: rgba(240, 216, 120, 0.65);
  --wheel-red: #c41e3a;
  --wheel-black: #1a1a1a;
  --wheel-green: #228b22;
  --wheel-hub: #0d5c2e;
  --wheel-rim: #d4af37;
  --wheel-segment-stroke: #d4af37;
  --wheel-text: #fff;
  --chart-bg: #122a1a;
  --chart-bg-alt: #1a3d2a;
  --chart-freq-bg: #094021;
  --chart-grid: #0a1510;
  --chart-label: #b8b0a0;
  --chart-highlight: #f0d878;
  --chart-text: #fff;
  --chart-axis: #fff;
  --font-display: "Segoe UI", system-ui, sans-serif;
  --font-body: "Segoe UI", system-ui, sans-serif;
  --cell-pocket-text: #fff;
  --cell-outside-text: var(--text);
  --radius-panel: 12px;
  --radius-control: 8px;
}

[data-theme="breeze"] {
  --page-bg: linear-gradient(165deg, #fce8ef 0%, #f5dfe8 42%, #efe4f3 100%);
  --felt: #9d7b8a;
  --felt-dark: #8a6a78;
  --felt-border: #c9a0b0;
  --gold: #b76e79;
  --gold-light: #d4a5a5;
  --red: #c75b6a;
  --black: #5c4a55;
  --green: #6a9a7a;
  --text: #4a3540;
  --text-muted: #8a7080;
  --panel: rgba(250, 236, 242, 0.94);
  --panel-border: #ddb8c8;
  --shadow: rgba(120, 70, 90, 0.14);
  --win-color: #2a8f6e;
  --input-bg: rgba(255, 248, 250, 0.9);
  --input-border: #ddb8c8;
  --btn-secondary-bg: rgba(255, 245, 248, 0.85);
  --btn-secondary-border: #ddb8c8;
  --history-bg: #faf0f4;
  --history-title-bg: #b76e79;
  --history-title-color: #fff;
  --history-row-red: #fde8ec;
  --history-row-black: #f3e8ee;
  --history-row-green: #e8f3ec;
  --history-stats: #4a3540;
  --history-empty: #9a8090;
  --dealer-bg: linear-gradient(160deg, #f0dce6 0%, #e6cdd8 100%);
  --dealer-frame-border: rgba(183, 110, 121, 0.4);
  --modal-bg: linear-gradient(180deg, #fff5f8 0%, #f5e6ee 100%);
  --modal-border: #ddb8c8;
  --freq-footer-bg: #f5e8ee;
  --freq-footer-title: #6a4555;
  --inside-zone-bg: rgba(212, 165, 180, 0.4);
  --inside-zone-border: rgba(183, 110, 121, 0.55);
  --inside-zone-hover: rgba(230, 180, 195, 0.55);
  --wheel-red: #c75b6a;
  --wheel-black: #5c4a55;
  --wheel-green: #6a9a7a;
  --wheel-hub: #9d7b8a;
  --wheel-rim: #d4a5a5;
  --wheel-segment-stroke: #c9a0b0;
  --wheel-text: #fff;
  --chart-bg: #f0dce6;
  --chart-bg-alt: #e8d0dc;
  --chart-freq-bg: #e0c4d0;
  --chart-grid: #d4b0c0;
  --chart-label: #8a7080;
  --chart-highlight: #b76e79;
  --chart-text: #fff;
  --chart-axis: #6a4555;
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Quicksand", "Segoe UI", sans-serif;
  --cell-pocket-text: #fff;
  --cell-outside-text: #faf0f4;
  --radius-panel: 16px;
  --radius-control: 10px;
}

[data-theme="breeze"] body,
[data-theme="breeze"] .btn,
[data-theme="breeze"] .bet-cell.outside,
[data-theme="breeze"] .chip,
[data-theme="breeze"] .toggle-label,
[data-theme="breeze"] .panel-title,
[data-theme="breeze"] .chart-caption {
  font-family: var(--font-body);
}

[data-theme="breeze"] .header-brand h1 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.45rem, 3.2vw, 2rem);
  color: #8a4a5a;
  letter-spacing: 0.04em;
}

[data-theme="breeze"] .subtitle {
  font-family: var(--font-body);
  color: #9a7080;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.68rem;
}

[data-theme="breeze"] .header-stat-value {
  font-family: var(--font-body);
  font-weight: 700;
  color: #8a4a5a;
}

[data-theme="breeze"] .bet-cell.red,
[data-theme="breeze"] .bet-cell.black,
[data-theme="breeze"] .bet-cell.green {
  color: var(--cell-pocket-text);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  font-weight: 700;
}

[data-theme="breeze"] .bet-cell.outside {
  color: var(--cell-outside-text);
  font-weight: 600;
  letter-spacing: 0.04em;
}

[data-theme="breeze"] .btn-primary {
  background: linear-gradient(180deg, #d4a5a5, #b76e79);
  color: #fff;
  font-weight: 700;
}

[data-theme="breeze"] .hot-block {
  background: linear-gradient(135deg, rgba(199, 91, 106, 0.22), rgba(255, 220, 228, 0.65));
  border-color: rgba(199, 91, 106, 0.35);
}

[data-theme="breeze"] .cold-block {
  background: linear-gradient(135deg, rgba(183, 110, 121, 0.2), rgba(240, 210, 220, 0.6));
  border-color: rgba(183, 110, 121, 0.35);
}

[data-theme="breeze"] .hot-block .hotcold-block-title { color: #b85a66; }
[data-theme="breeze"] .cold-block .hotcold-block-title { color: #9a6070; }

[data-theme="breeze"] .hotcold-card {
  background: rgba(255, 245, 248, 0.65);
}

[data-theme="breeze"] .hotcold-card .hc-num { color: #5c3d4a; font-weight: 700; }
[data-theme="breeze"] .hotcold-card .hc-freq { color: #8a7080; }

[data-theme="breeze"] .dealer-placeholder-title {
  font-family: var(--font-display);
  color: #8a4a5a;
}

[data-theme="breeze"] .dealer-placeholder-note { color: #9a7080; }

[data-theme="breeze"] .dealer-placeholder-frame {
  background: rgba(255, 245, 248, 0.6);
  border-color: rgba(183, 110, 121, 0.3);
}

[data-theme="breeze"] .chip {
  border-color: rgba(255, 255, 255, 0.85);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  font-family: var(--font-body);
  font-weight: 700;
}

[data-theme="breeze"] .freq-footer {
  background: var(--freq-footer-bg);
}

[data-theme="breeze"] .freq-footer .panel-title {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0.08em;
}

[data-theme="breeze"] .table-wrapper,
[data-theme="breeze"] .controls-bar,
[data-theme="breeze"] .spin-wheel-panel,
[data-theme="breeze"] .stats-hub,
[data-theme="breeze"] .interval-strip-panel {
  box-shadow: 0 4px 20px var(--shadow);
}

[data-theme="breeze"] .legal-section h3 {
  color: #8a4a5a;
}

[data-theme="breeze"] .dealer-ad-slot {
  background: rgba(255, 245, 248, 0.5);
}

[data-theme="breeze"] .leaderboard-you {
  background: rgba(183, 110, 121, 0.15);
}