/* Tibrex design tokens — mirrors Colors.xaml + DarkTheme.xaml + LightTheme.xaml */

:root,
[data-theme="dark"] {
  color-scheme: dark;

  --bg: #0b0e11;
  --card: #161b22;
  --card2: #1c222c;
  --sidebar: #111720;
  --surface-muted: #252b34;
  --border: #2e3642;
  --border2: #3a4452;
  --text: #f4f4f2;
  --text-muted: #b0b7c3;
  --text-muted2: #949ca8;
  --gold: #c9962c;
  --gold-light: #e8b94a;
  --green: #5dcaa5;
  --red: #e24b4a;
  --red-text: #f09595;
  --blue: #5d9cca;
  --input-bg: #151a22;
  --input-border: #45505e;
  --badge-gold-bg: #221c0c;
  --badge-green-bg: #152e26;
  --badge-red-bg: #351818;
  --primary-btn-fg: #0b0e11;
  --chart-bg: #0b0e11;
  --chart-grid: #2a3140;
  --logo-bar2: #6d5620;
  --logo-bar5: #f0cf76;
  --nav-bg: rgba(11, 14, 17, 0.88);
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
  --shadow-gold: 0 12px 40px rgba(201, 150, 44, 0.16);
  --glow-gold: rgba(201, 150, 44, 0.12);
  --glow-green: rgba(93, 202, 165, 0.08);
  --grid-line: rgba(255, 255, 255, 0.02);
  --titlebar-bg: var(--card2);
  --news-bg: linear-gradient(90deg, #1e180a 0%, #161b22 55%, #121820 100%);
  --news-border: #524820;
  --news-accent: linear-gradient(180deg, #f0cf76, #c9962c 50%, #8a6218);
  --news-badge-bg: #221c0c;
  --news-badge-border: #5a4520;
  --news-badge-fg: #e8b94a;
  --news-text: var(--text);
  --news-live: var(--green);

  /* Plan tiers — Basic (blue) */
  --plan-basic-accent: #5d9cca;
  --plan-basic-accent-muted: #9ab4c8;
  --plan-basic-bg: linear-gradient(165deg, #161c24 0%, #1a2432 52%, #121820 100%);
  --plan-basic-border: #4a5e72;
  --plan-basic-surface: rgba(93, 156, 202, 0.14);
  --plan-basic-btn: #5d9cca;
  --plan-basic-btn-fg: #ffffff;
  --plan-basic-shadow: 0 16px 48px rgba(93, 156, 202, 0.12);

  /* Plan tiers — Pro (gold) */
  --plan-pro-accent: #c9962c;
  --plan-pro-accent-muted: #e8b94a;
  --plan-pro-bg: linear-gradient(165deg, #1a160a 0%, #221c0c 52%, #14120a 100%);
  --plan-pro-border: #c9962c;
  --plan-pro-surface: rgba(201, 150, 44, 0.14);
  --plan-pro-btn: #c9962c;
  --plan-pro-btn-fg: #0b0e11;
  --plan-pro-shadow: 0 16px 48px rgba(201, 150, 44, 0.18);

  /* Plan tiers — VIP (purple + gold) */
  --plan-vip-accent: #c4b5fd;
  --plan-vip-accent-muted: #e8c4ff;
  --plan-vip-bg: linear-gradient(165deg, #2a1540 0%, #32184d 52%, #180f24 100%);
  --plan-vip-border: #a855f7;
  --plan-vip-surface: rgba(196, 181, 253, 0.12);
  --plan-vip-btn: #8b5cf6;
  --plan-vip-btn-fg: #ffffff;
  --plan-vip-shadow: 0 16px 48px rgba(139, 92, 246, 0.18);

  /* Live chat — mirrors DarkTheme.xaml */
  --chat-header-bg: var(--card2);
  --chat-fab-bg: var(--card);
  --chat-fab-border: var(--gold);
  --chat-fab-icon: var(--gold);
}

[data-theme="light"] {
  color-scheme: light;

  --bg: #f7f5f0;
  --card: #ffffff;
  --card2: #f7f5f0;
  --sidebar: #fafaf7;
  --surface-muted: #eee9e0;
  --border: #eee9e0;
  --border2: #e5e1d8;
  --text: #1a1a18;
  --text-muted: #5c5248;
  --text-muted2: #4a443c;
  --gold: #c9962c;
  --gold-light: #8a6218;
  --green: #1a7a55;
  --red: #b83232;
  --red-text: #b83232;
  --blue: #2b6cb0;
  --input-bg: #fbfaf7;
  --input-border: #c7c0b0;
  --badge-gold-bg: #fbf1de;
  --badge-green-bg: #eaf3de;
  --badge-red-bg: #fceaea;
  --primary-btn-fg: #fffbf5;
  --chart-bg: #fbfaf7;
  --chart-grid: #e8e4dc;
  --logo-bar2: #6d5620;
  --logo-bar5: #f0cf76;
  --nav-bg: rgba(247, 245, 240, 0.92);
  --shadow: 0 20px 60px rgba(26, 26, 24, 0.08);
  --shadow-gold: 0 12px 36px rgba(201, 150, 44, 0.12);
  --glow-gold: rgba(201, 150, 44, 0.08);
  --glow-green: rgba(26, 122, 85, 0.06);
  --grid-line: rgba(26, 26, 24, 0.04);
  --titlebar-bg: var(--card2);
  --news-bg: linear-gradient(90deg, #fffbf5 0%, #fbf1de 55%, #f7f5f0 100%);
  --news-border: #d4b87a;
  --news-accent: linear-gradient(180deg, #f0cf76, #c9962c 50%, #a37c26);
  --news-badge-bg: #fbf1de;
  --news-badge-border: #e8d4a8;
  --news-badge-fg: #8a6218;
  --news-text: var(--text);
  --news-live: var(--green);

  /* Plan tiers — Basic (blue) */
  --plan-basic-accent: #2b6cb0;
  --plan-basic-accent-muted: #4a7fb8;
  --plan-basic-bg: linear-gradient(165deg, #e8f1fa 0%, #ffffff 55%, #f7f5f0 100%);
  --plan-basic-border: #b8cfe8;
  --plan-basic-surface: rgba(43, 108, 176, 0.1);
  --plan-basic-btn: #2b6cb0;
  --plan-basic-btn-fg: #ffffff;
  --plan-basic-shadow: 0 12px 36px rgba(43, 108, 176, 0.12);

  /* Plan tiers — Pro (gold) */
  --plan-pro-accent: #c9962c;
  --plan-pro-accent-muted: #8a6218;
  --plan-pro-bg: linear-gradient(165deg, #fbf1de 0%, #ffffff 55%, #f7f5f0 100%);
  --plan-pro-border: #e8d4a8;
  --plan-pro-surface: rgba(201, 150, 44, 0.12);
  --plan-pro-btn: #c9962c;
  --plan-pro-btn-fg: #fffbf5;
  --plan-pro-shadow: 0 12px 36px rgba(201, 150, 44, 0.14);

  /* Plan tiers — VIP (purple + gold) */
  --plan-vip-accent: #7c3aed;
  --plan-vip-accent-muted: #6d28d9;
  --plan-vip-bg: linear-gradient(165deg, #f3eeff 0%, #ffffff 55%, #f7f5f0 100%);
  --plan-vip-border: #a78bfa;
  --plan-vip-surface: rgba(124, 58, 237, 0.08);
  --plan-vip-btn: #7c3aed;
  --plan-vip-btn-fg: #ffffff;
  --plan-vip-shadow: 0 12px 36px rgba(124, 58, 237, 0.16);

  /* Live chat — mirrors LightTheme.xaml */
  --chat-header-bg: #fbf1de;
  --chat-fab-bg: #ffffff;
  --chat-fab-border: #c9962c;
  --chat-fab-icon: #a37c26;
}