/* Poli Standard — Dark/Light mode overrides for iframe-embedded tools */
:root {
  --bg: #0D0D0D;
  --text: #FFFFFF;
  --text-heading: #FFFFFF;
  --surface: #1A1A1A;
  --surface-elevated: #262626;
  --border: #333333;
  --muted: #9CA3AF;
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
  --primary: #3B82F6;
  --primary-contrast: #000000;
  --code-bg: #000000;
  --code-text: #10B981;
  --code-border: #444444;
  --c-low: #F87171;
  --c-market: #34D399;
  --c-premium: #60A5FA;
  --chart-low: #64748B;
  --chart-high: #3B82F6;
  --chart-user: #10B981;
  --chart-grid: #333333;
  --bg-card: #1A1A1A;
  --bg-input: #262626;
  --text-main: #FFFFFF;
  --text-muted: #9CA3AF;
  --radius: 10px;
}

:root[data-theme="light"],
html.light,
html.light-mode,
body.light-mode {
  --bg: #FFFFFF;
  --text: #1A1A1A;
  --text-heading: #111827;
  --surface: #F9FAFB;
  --surface-elevated: #F3F4F6;
  --border: #E5E7EB;
  --muted: #4B5563;
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --primary: #2563EB;
  --primary-contrast: #FFFFFF;
  --code-bg: #1F2937;
  --code-text: #10B981;
  --code-border: #D1D5DB;
  --c-low: #DC2626;
  --c-market: #059669;
  --c-premium: #2563EB;
  --chart-low: #94A3B8;
  --chart-high: #2563EB;
  --chart-user: #059669;
  --chart-grid: #E5E7EB;
  --bg-card: #FFFFFF;
  --bg-input: #F3F4F6;
  --text-main: #1A1A1A;
  --text-muted: #4B5563;
  --radius: 10px;
}

:root[data-theme="dark"],
html.dark,
html.dark-mode,
body.dark-mode {
  --bg: #0D0D0D;
  --text: #FFFFFF;
  --text-heading: #FFFFFF;
  --surface: #1A1A1A;
  --surface-elevated: #262626;
  --border: #333333;
  --muted: #9CA3AF;
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
  --primary: #3B82F6;
  --primary-contrast: #000000;
  --code-bg: #000000;
  --code-text: #10B981;
  --code-border: #444444;
  --c-low: #F87171;
  --c-market: #34D399;
  --c-premium: #60A5FA;
  --chart-low: #64748B;
  --chart-high: #3B82F6;
  --chart-user: #10B981;
  --chart-grid: #333333;
  --bg-card: #1A1A1A;
  --bg-input: #262626;
  --text-main: #FFFFFF;
  --text-muted: #9CA3AF;
  --radius: 10px;
}