/* ═══════════════════════════════════════════════════════════════════════════════
   BTC Profit Target Calculator - Themes
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════════
   THEME VARIANTS
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ─── DARK THEME ───────────────────────────────────────────────────────────────── */

body.theme-dark {
  background: #1a1a1a;
}

body.theme-dark .container {
  background: #2a2a2a;
  border-color: #000;
  box-shadow: 8px 8px 0 #000;
}

body.theme-dark h1 {
  color: #ccff00;
}

body.theme-dark label {
  color: #e0e0e0;
}

body.theme-dark input {
  background: #1a1a1a;
  color: #e0e0e0;
  border-color: #000;
  box-shadow: 4px 4px 0 #000;
}

body.theme-dark input:focus {
  background: #1a1a1a;
  box-shadow: 2px 2px 0 #000;
}

body.theme-dark input:focus-visible {
  outline-color: #ccff00;
}

body.theme-dark input::placeholder {
  color: #888;
}

body.theme-dark .help-text {
  background: #333;
  color: #ccff00;
  border-color: #000;
}

body.theme-dark .or-divider {
  background: #00d4e8;
  color: #000;
  border-color: #000;
}

body.theme-dark button {
  background: #ccff00;
  color: #000;
  border-color: #000;
  box-shadow: 6px 6px 0 #000;
}

body.theme-dark button:hover {
  box-shadow: 3px 3px 0 #000;
}

body.theme-dark button:active {
  box-shadow: 1px 1px 0 #000;
}

body.theme-dark button:focus-visible {
  outline-color: #ccff00;
}

body.theme-dark .result {
  background: #1a3a2a;
  border-color: #000;
  box-shadow: 6px 6px 0 #000;
  color: #e0e0e0;
}

body.theme-dark .result b {
  color: #ccff00;
}

body.theme-dark .highlight {
  background: #ff6b6b;
  color: #000;
  border-color: #000;
  box-shadow: 4px 4px 0 #000;
}

body.theme-dark .error-output {
  background: #5a1a1a;
  border-color: #000;
  color: #ff6b6b;
}

body.theme-dark .footer {
  color: #888;
}

body.theme-dark .theme-btn {
  border-color: #000;
  color: #ccff00;
  box-shadow: 4px 4px 0 #000;
}

body.theme-dark .theme-btn:hover {
  box-shadow: 2px 2px 0 #000;
}

body.theme-dark .theme-btn:active,
body.theme-dark .theme-btn.active {
  box-shadow: 1px 1px 0 #000;
}

body.theme-dark .theme-btn-default { background: #f0e6d3; color: #000; }
body.theme-dark .theme-btn-dark    { background: #1a1a1a; color: #ccff00; }
body.theme-dark .theme-btn-pink    { background: #f48fb1; color: #000; }

body.theme-dark .spinner {
  border-color: #000;
  border-top-color: transparent;
}

body.theme-dark .theme-picker-panel {
  background: #2a2a2a;
  border-color: #000;
  box-shadow: 8px 8px 0 #000;
}

body.theme-dark .theme-toggle-btn {
  background: #ccff00;
  color: #000;
}

/* ─── PINK THEME ───────────────────────────────────────────────────────────────── */

body.theme-pink {
  background: #fce4ec;
}

body.theme-pink .container {
  background: #fff0f5;
  border-color: #000;
  box-shadow: 8px 8px 0 #000;
}

body.theme-pink h1 {
  color: #ad1457;
}

body.theme-pink label {
  color: #880e4f;
}

body.theme-pink input {
  background: #fff;
  color: #880e4f;
  border-color: #000;
  box-shadow: 4px 4px 0 #000;
}

body.theme-pink input:focus {
  background: #fff;
  box-shadow: 2px 2px 0 #000;
}

body.theme-pink input:focus-visible {
  outline-color: #ad1457;
}

body.theme-pink input::placeholder {
  color: #f48fb1;
}

body.theme-pink .help-text {
  background: #fce4ec;
  color: #ad1457;
  border-color: #000;
}

body.theme-pink .or-divider {
  background: #e1bee7;
  color: #6a1b9a;
  border-color: #000;
}

body.theme-pink button {
  background: #f48fb1;
  color: #000;
  border-color: #000;
  box-shadow: 6px 6px 0 #000;
}

body.theme-pink button:hover {
  box-shadow: 3px 3px 0 #000;
}

body.theme-pink button:active {
  box-shadow: 1px 1px 0 #000;
}

body.theme-pink button:focus-visible {
  outline-color: #ad1457;
}

body.theme-pink .result {
  background: #f8bbd0;
  border-color: #000;
  box-shadow: 6px 6px 0 #000;
  color: #880e4f;
}

body.theme-pink .result b {
  color: #ad1457;
}

body.theme-pink .highlight {
  background: #e91e8c;
  color: #fff;
  border-color: #000;
  box-shadow: 4px 4px 0 #000;
}

body.theme-pink .error-output {
  background: #fce4ec;
  border-color: #000;
  color: #ad1457;
}

body.theme-pink .footer {
  color: #f48fb1;
}

body.theme-pink .theme-btn {
  border-color: #000;
  box-shadow: 4px 4px 0 #000;
}

body.theme-pink .theme-btn:hover {
  box-shadow: 2px 2px 0 #000;
}

body.theme-pink .theme-btn:active,
body.theme-pink .theme-btn.active {
  box-shadow: 1px 1px 0 #000;
}

body.theme-pink .theme-btn-default { background: #f0e6d3; color: #000; }
body.theme-pink .theme-btn-dark    { background: #1a1a1a; color: #f48fb1; }
body.theme-pink .theme-btn-pink    { background: #f48fb1; color: #000; }

body.theme-pink .theme-picker-panel {
  background: #fff0f5;
  border-color: #000;
  box-shadow: 8px 8px 0 #000;
}

body.theme-pink .theme-toggle-btn {
  background: #f48fb1;
}

/* ─── TERMINAL THEME ──────────────────────────────────────────────────────────── */

body.theme-terminal {
  background: #0a0a0a;
}

body.theme-terminal .container {
  background: #0d0d0d;
  border-color: #00ff00;
  box-shadow: 8px 8px 0 #00ff00;
}

body.theme-terminal h1 {
  color: #00ff00;
  text-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
}

body.theme-terminal label {
  color: #00ff00;
}

body.theme-terminal input {
  background: #0a0a0a;
  color: #00ff00;
  border-color: #00ff00;
  box-shadow: 4px 4px 0 #00ff00;
}

body.theme-terminal input:focus {
  background: #0a0a0a;
  box-shadow: 2px 2px 0 #00ff00;
}

body.theme-terminal input:focus-visible {
  outline-color: #00ff00;
}

body.theme-terminal input::placeholder {
  color: #006400;
}

body.theme-terminal .help-text {
  background: #0a0a0a;
  color: #00ff00;
  border-color: #00ff00;
}

body.theme-terminal .or-divider {
  background: #003300;
  color: #00ff00;
  border-color: #00ff00;
}

body.theme-terminal button {
  background: #003300;
  color: #00ff00;
  border-color: #00ff00;
  box-shadow: 6px 6px 0 #00ff00;
}

body.theme-terminal button:hover {
  box-shadow: 3px 3px 0 #00ff00;
}

body.theme-terminal button:active {
  box-shadow: 1px 1px 0 #00ff00;
}

body.theme-terminal button:focus-visible {
  outline-color: #00ff00;
}

body.theme-terminal .result {
  background: #0a0a0a;
  border-color: #00ff00;
  box-shadow: 6px 6px 0 #00ff00;
  color: #00ff00;
}

body.theme-terminal .result b {
  color: #00ff00;
}

body.theme-terminal .highlight {
  background: #003300;
  color: #00ff00;
  border-color: #00ff00;
  box-shadow: 4px 4px 0 #00ff00;
}

body.theme-terminal .error-output {
  background: #1a0000;
  border-color: #ff0000;
  color: #ff0000;
}

body.theme-terminal .footer {
  color: #006400;
}

body.theme-terminal .theme-btn {
  border-color: #00ff00;
  color: #00ff00;
  box-shadow: 4px 4px 0 #00ff00;
}

body.theme-terminal .theme-btn:hover {
  box-shadow: 2px 2px 0 #00ff00;
}

body.theme-terminal .theme-btn:active,
body.theme-terminal .theme-btn.active {
  box-shadow: 1px 1px 0 #00ff00;
}

body.theme-terminal .theme-btn-default { background: #f0e6d3; color: #000; }
body.theme-terminal .theme-btn-dark    { background: #1a1a1a; color: #ccff00; }
body.theme-terminal .theme-btn-pink    { background: #f48fb1; color: #000; }
body.theme-terminal .theme-btn-terminal { background: #0a0a0a; color: #00ff00; border-color: #00ff00; }

body.theme-terminal .spinner {
  border-color: #00ff00;
  border-top-color: transparent;
}

body.theme-terminal .live-price-section {
  background: #0d0d0d;
  border-color: #00ff00;
  box-shadow: 4px 4px 0 #00ff00;
}

body.theme-terminal .live-label {
  color: #00ff00;
}

body.theme-terminal .live-price-value {
  color: #00ff00;
}

body.theme-terminal .refresh-btn {
  background: #003300;
  color: #00ff00;
  border-color: #00ff00;
}

body.theme-terminal .price-error {
  background: #1a0000;
  border-color: #ff0000;
  box-shadow: 4px 4px 0 #ff0000;
}

body.theme-terminal .price-error .retry-btn {
  background: #003300;
  color: #00ff00;
  border-color: #00ff00;
}

body.theme-terminal .comparison-header {
  background: #003300;
  color: #00ff00;
  border-color: #00ff00;
}

body.theme-terminal .comparison-item {
  background: #0a0a0a;
  border-color: #00ff00;
}

body.theme-terminal .comparison-label {
  color: #00ff00;
}

body.theme-terminal .comparison-value {
  color: #00ff00;
}

body.theme-terminal .comparison-indicator.success {
  background: #003300;
  border-color: #00ff00;
  color: #00ff00;
}

body.theme-terminal .comparison-indicator.warning {
  background: #1a0000;
  border-color: #ff0000;
  color: #ff0000;
}

body.theme-terminal .last-updated {
  color: #006400;
}

body.theme-terminal .theme-picker-panel {
  background: #0d0d0d;
  border-color: #00ff00;
  box-shadow: 8px 8px 0 #00ff00;
}

body.theme-terminal .theme-toggle-btn {
  background: #003300;
  color: #00ff00;
  border-color: #00ff00;
}

/* ─── OCEAN THEME ─────────────────────────────────────────────────────────────── */

body.theme-ocean {
  background: #e0f7fa;
}

body.theme-ocean .container {
  background: #ffffff;
  border-color: #0288d1;
  box-shadow: 8px 8px 0 #0288d1;
}

body.theme-ocean h1 {
  color: #0288d1;
}

body.theme-ocean label {
  color: #01579b;
}

body.theme-ocean input {
  background: #ffffff;
  color: #01579b;
  border-color: #0288d1;
  box-shadow: 4px 4px 0 #0288d1;
}

body.theme-ocean input:focus {
  background: #ffffff;
  box-shadow: 2px 2px 0 #0288d1;
}

body.theme-ocean input:focus-visible {
  outline-color: #0288d1;
}

body.theme-ocean input::placeholder {
  color: #81d4fa;
}

body.theme-ocean .help-text {
  background: #b3e5fc;
  color: #0277bd;
  border-color: #0288d1;
}

body.theme-ocean .or-divider {
  background: #4fc3f7;
  color: #01579b;
  border-color: #0288d1;
}

body.theme-ocean button {
  background: #29b6f6;
  color: #ffffff;
  border-color: #0288d1;
  box-shadow: 6px 6px 0 #0288d1;
}

body.theme-ocean button:hover {
  box-shadow: 3px 3px 0 #0288d1;
}

body.theme-ocean button:active {
  box-shadow: 1px 1px 0 #0288d1;
}

body.theme-ocean button:focus-visible {
  outline-color: #0288d1;
}

body.theme-ocean .result {
  background: #b3e5fc;
  border-color: #0288d1;
  box-shadow: 6px 6px 0 #0288d1;
  color: #01579b;
}

body.theme-ocean .result b {
  color: #0288d1;
}

body.theme-ocean .highlight {
  background: #0288d1;
  color: #ffffff;
  border-color: #0288d1;
  box-shadow: 4px 4px 0 #0288d1;
}

body.theme-ocean .error-output {
  background: #ffcdd2;
  border-color: #c62828;
  color: #c62828;
}

body.theme-ocean .footer {
  color: #0288d1;
}

body.theme-ocean .theme-btn {
  border-color: #0288d1;
  color: #0288d1;
  box-shadow: 4px 4px 0 #0288d1;
}

body.theme-ocean .live-price-section {
  background: #b3e5fc;
  border-color: #0288d1;
  box-shadow: 4px 4px 0 #0288d1;
}

body.theme-ocean .live-label {
  color: #0288d1;
}

body.theme-ocean .live-price-value {
  color: #0288d1;
}

body.theme-ocean .refresh-btn {
  background: #29b6f6;
  color: #ffffff;
  border-color: #0288d1;
}

body.theme-ocean .theme-picker-panel {
  background: #ffffff;
  border-color: #0288d1;
  box-shadow: 8px 8px 0 #0288d1;
}

body.theme-ocean .theme-toggle-btn {
  background: #29b6f6;
  color: #fff;
  border-color: #0288d1;
}

/* ─── SUNSET THEME ────────────────────────────────────────────────────────────── */

body.theme-sunset {
  background: #fff3e0;
}

body.theme-sunset .container {
  background: #fff8e1;
  border-color: #e65100;
  box-shadow: 8px 8px 0 #e65100;
}

body.theme-sunset h1 {
  color: #e65100;
}

body.theme-sunset label {
  color: #bf360c;
}

body.theme-sunset input {
  background: #ffffff;
  color: #bf360c;
  border-color: #e65100;
  box-shadow: 4px 4px 0 #e65100;
}

body.theme-sunset input:focus {
  background: #ffffff;
  box-shadow: 2px 2px 0 #e65100;
}

body.theme-sunset input:focus-visible {
  outline-color: #e65100;
}

body.theme-sunset input::placeholder {
  color: #ffab91;
}

body.theme-sunset .help-text {
  background: #ffe0b2;
  color: #e65100;
  border-color: #e65100;
}

body.theme-sunset .or-divider {
  background: #ffcc80;
  color: #bf360c;
  border-color: #e65100;
}

body.theme-sunset button {
  background: #ff9800;
  color: #ffffff;
  border-color: #e65100;
  box-shadow: 6px 6px 0 #e65100;
}

body.theme-sunset button:hover {
  box-shadow: 3px 3px 0 #e65100;
}

body.theme-sunset button:active {
  box-shadow: 1px 1px 0 #e65100;
}

body.theme-sunset button:focus-visible {
  outline-color: #e65100;
}

body.theme-sunset .result {
  background: #ffe0b2;
  border-color: #e65100;
  box-shadow: 6px 6px 0 #e65100;
  color: #bf360c;
}

body.theme-sunset .result b {
  color: #e65100;
}

body.theme-sunset .highlight {
  background: #e65100;
  color: #ffffff;
  border-color: #e65100;
  box-shadow: 4px 4px 0 #e65100;
}

body.theme-sunset .error-output {
  background: #ffccbc;
  border-color: #d84315;
  color: #d84315;
}

body.theme-sunset .footer {
  color: #e65100;
}

body.theme-sunset .theme-btn {
  border-color: #e65100;
  color: #e65100;
  box-shadow: 4px 4px 0 #e65100;
}

body.theme-sunset .live-price-section {
  background: #ffe0b2;
  border-color: #e65100;
  box-shadow: 4px 4px 0 #e65100;
}

body.theme-sunset .live-label {
  color: #e65100;
}

body.theme-sunset .live-price-value {
  color: #e65100;
}

body.theme-sunset .refresh-btn {
  background: #ff9800;
  color: #ffffff;
  border-color: #e65100;
}

body.theme-sunset .theme-picker-panel {
  background: #fff8e1;
  border-color: #e65100;
  box-shadow: 8px 8px 0 #e65100;
}

body.theme-sunset .theme-toggle-btn {
  background: #ff9800;
  color: #fff;
  border-color: #e65100;
}

/* ─── FOREST THEME ─────────────────────────────────────────────────────────────── */

body.theme-forest {
  background: #e8f5e9;
}

body.theme-forest .container {
  background: #f1f8e9;
  border-color: #2e7d32;
  box-shadow: 8px 8px 0 #2e7d32;
}

body.theme-forest h1 {
  color: #2e7d32;
}

body.theme-forest label {
  color: #1b5e20;
}

body.theme-forest input {
  background: #ffffff;
  color: #1b5e20;
  border-color: #2e7d32;
  box-shadow: 4px 4px 0 #2e7d32;
}

body.theme-forest input:focus {
  background: #ffffff;
  box-shadow: 2px 2px 0 #2e7d32;
}

body.theme-forest input:focus-visible {
  outline-color: #2e7d32;
}

body.theme-forest input::placeholder {
  color: #a5d6a7;
}

body.theme-forest .help-text {
  background: #c8e6c9;
  color: #2e7d32;
  border-color: #2e7d32;
}

body.theme-forest .or-divider {
  background: #81c784;
  color: #1b5e20;
  border-color: #2e7d32;
}

body.theme-forest button {
  background: #4caf50;
  color: #ffffff;
  border-color: #2e7d32;
  box-shadow: 6px 6px 0 #2e7d32;
}

body.theme-forest button:hover {
  box-shadow: 3px 3px 0 #2e7d32;
}

body.theme-forest button:active {
  box-shadow: 1px 1px 0 #2e7d32;
}

body.theme-forest button:focus-visible {
  outline-color: #2e7d32;
}

body.theme-forest .result {
  background: #c8e6c9;
  border-color: #2e7d32;
  box-shadow: 6px 6px 0 #2e7d32;
  color: #1b5e20;
}

body.theme-forest .result b {
  color: #2e7d32;
}

body.theme-forest .highlight {
  background: #2e7d32;
  color: #ffffff;
  border-color: #2e7d32;
  box-shadow: 4px 4px 0 #2e7d32;
}

body.theme-forest .error-output {
  background: #ffcdd2;
  border-color: #c62828;
  color: #c62828;
}

body.theme-forest .footer {
  color: #2e7d32;
}

body.theme-forest .theme-btn {
  border-color: #2e7d32;
  color: #2e7d32;
  box-shadow: 4px 4px 0 #2e7d32;
}

body.theme-forest .live-price-section {
  background: #c8e6c9;
  border-color: #2e7d32;
  box-shadow: 4px 4px 0 #2e7d32;
}

body.theme-forest .live-label {
  color: #2e7d32;
}

body.theme-forest .live-price-value {
  color: #2e7d32;
}

body.theme-forest .refresh-btn {
  background: #4caf50;
  color: #ffffff;
  border-color: #2e7d32;
}

body.theme-forest .theme-picker-panel {
  background: #f1f8e9;
  border-color: #2e7d32;
  box-shadow: 8px 8px 0 #2e7d32;
}

body.theme-forest .theme-toggle-btn {
  background: #4caf50;
  color: #fff;
  border-color: #2e7d32;
}

/* ─── LAVENDER THEME ──────────────────────────────────────────────────────────── */

body.theme-lavender {
  background: #ede7f6;
}

body.theme-lavender .container {
  background: #f3e5f5;
  border-color: #7b1fa2;
  box-shadow: 8px 8px 0 #7b1fa2;
}

body.theme-lavender h1 {
  color: #7b1fa2;
}

body.theme-lavender label {
  color: #4a148c;
}

body.theme-lavender input {
  background: #ffffff;
  color: #4a148c;
  border-color: #7b1fa2;
  box-shadow: 4px 4px 0 #7b1fa2;
}

body.theme-lavender input:focus {
  background: #ffffff;
  box-shadow: 2px 2px 0 #7b1fa2;
}

body.theme-lavender input:focus-visible {
  outline-color: #7b1fa2;
}

body.theme-lavender input::placeholder {
  color: #ce93d8;
}

body.theme-lavender .help-text {
  background: #e1bee7;
  color: #7b1fa2;
  border-color: #7b1fa2;
}

body.theme-lavender .or-divider {
  background: #ba68c8;
  color: #4a148c;
  border-color: #7b1fa2;
}

body.theme-lavender button {
  background: #9c27b0;
  color: #ffffff;
  border-color: #7b1fa2;
  box-shadow: 6px 6px 0 #7b1fa2;
}

body.theme-lavender button:hover {
  box-shadow: 3px 3px 0 #7b1fa2;
}

body.theme-lavender button:active {
  box-shadow: 1px 1px 0 #7b1fa2;
}

body.theme-lavender button:focus-visible {
  outline-color: #7b1fa2;
}

body.theme-lavender .result {
  background: #e1bee7;
  border-color: #7b1fa2;
  box-shadow: 6px 6px 0 #7b1fa2;
  color: #4a148c;
}

body.theme-lavender .result b {
  color: #7b1fa2;
}

body.theme-lavender .highlight {
  background: #7b1fa2;
  color: #ffffff;
  border-color: #7b1fa2;
  box-shadow: 4px 4px 0 #7b1fa2;
}

body.theme-lavender .error-output {
  background: #f8bbd9;
  border-color: #c2185b;
  color: #c2185b;
}

body.theme-lavender .footer {
  color: #7b1fa2;
}

body.theme-lavender .theme-btn {
  border-color: #7b1fa2;
  color: #7b1fa2;
  box-shadow: 4px 4px 0 #7b1fa2;
}

body.theme-lavender .live-price-section {
  background: #e1bee7;
  border-color: #7b1fa2;
  box-shadow: 4px 4px 0 #7b1fa2;
}

body.theme-lavender .live-label {
  color: #7b1fa2;
}

body.theme-lavender .live-price-value {
  color: #7b1fa2;
}

body.theme-lavender .refresh-btn {
  background: #9c27b0;
  color: #ffffff;
  border-color: #7b1fa2;
}

body.theme-lavender .theme-picker-panel {
  background: #f3e5f5;
  border-color: #7b1fa2;
  box-shadow: 8px 8px 0 #7b1fa2;
}

body.theme-lavender .theme-toggle-btn {
  background: #9c27b0;
  color: #fff;
  border-color: #7b1fa2;
}

/* ─── NAVY THEME ──────────────────────────────────────────────────────────────── */

body.theme-navy {
  background: #e3f2fd;
}

body.theme-navy .container {
  background: #bbdefb;
  border-color: #1565c0;
  box-shadow: 8px 8px 0 #1565c0;
}

body.theme-navy h1 {
  color: #1565c0;
}

body.theme-navy label {
  color: #0d47a1;
}

body.theme-navy input {
  background: #ffffff;
  color: #0d47a1;
  border-color: #1565c0;
  box-shadow: 4px 4px 0 #1565c0;
}

body.theme-navy input:focus {
  background: #ffffff;
  box-shadow: 2px 2px 0 #1565c0;
}

body.theme-navy input:focus-visible {
  outline-color: #1565c0;
}

body.theme-navy input::placeholder {
  color: #90caf9;
}

body.theme-navy .help-text {
  background: #90caf9;
  color: #1565c0;
  border-color: #1565c0;
}

body.theme-navy .or-divider {
  background: #64b5f6;
  color: #0d47a1;
  border-color: #1565c0;
}

body.theme-navy button {
  background: #1976d2;
  color: #ffffff;
  border-color: #1565c0;
  box-shadow: 6px 6px 0 #1565c0;
}

body.theme-navy button:hover {
  box-shadow: 3px 3px 0 #1565c0;
}

body.theme-navy button:active {
  box-shadow: 1px 1px 0 #1565c0;
}

body.theme-navy button:focus-visible {
  outline-color: #1565c0;
}

body.theme-navy .result {
  background: #90caf9;
  border-color: #1565c0;
  box-shadow: 6px 6px 0 #1565c0;
  color: #0d47a1;
}

body.theme-navy .result b {
  color: #1565c0;
}

body.theme-navy .highlight {
  background: #1565c0;
  color: #ffffff;
  border-color: #1565c0;
  box-shadow: 4px 4px 0 #1565c0;
}

body.theme-navy .error-output {
  background: #ffcdd2;
  border-color: #c62828;
  color: #c62828;
}

body.theme-navy .footer {
  color: #1565c0;
}

body.theme-navy .theme-btn {
  border-color: #1565c0;
  color: #1565c0;
  box-shadow: 4px 4px 0 #1565c0;
}

body.theme-navy .live-price-section {
  background: #90caf9;
  border-color: #1565c0;
  box-shadow: 4px 4px 0 #1565c0;
}

body.theme-navy .live-label {
  color: #1565c0;
}

body.theme-navy .live-price-value {
  color: #1565c0;
}

body.theme-navy .refresh-btn {
  background: #1976d2;
  color: #ffffff;
  border-color: #1565c0;
}

body.theme-navy .theme-picker-panel {
  background: #bbdefb;
  border-color: #1565c0;
  box-shadow: 8px 8px 0 #1565c0;
}

body.theme-navy .theme-toggle-btn {
  background: #1976d2;
  color: #fff;
  border-color: #1565c0;
}

/* ─── GOLD THEME ──────────────────────────────────────────────────────────────── */

body.theme-gold {
  background: #fff8e1;
}

body.theme-gold .container {
  background: #fffde7;
  border-color: #f9a825;
  box-shadow: 8px 8px 0 #f9a825;
}

body.theme-gold h1 {
  color: #f9a825;
}

body.theme-gold label {
  color: #f57f17;
}

body.theme-gold input {
  background: #ffffff;
  color: #f57f17;
  border-color: #f9a825;
  box-shadow: 4px 4px 0 #f9a825;
}

body.theme-gold input:focus {
  background: #ffffff;
  box-shadow: 2px 2px 0 #f9a825;
}

body.theme-gold input:focus-visible {
  outline-color: #f9a825;
}

body.theme-gold input::placeholder {
  color: #ffe082;
}

body.theme-gold .help-text {
  background: #ffecb3;
  color: #f9a825;
  border-color: #f9a825;
}

body.theme-gold .or-divider {
  background: #ffd54f;
  color: #f57f17;
  border-color: #f9a825;
}

body.theme-gold button {
  background: #ffc107;
  color: #000000;
  border-color: #f9a825;
  box-shadow: 6px 6px 0 #f9a825;
}

body.theme-gold button:hover {
  box-shadow: 3px 3px 0 #f9a825;
}

body.theme-gold button:active {
  box-shadow: 1px 1px 0 #f9a825;
}

body.theme-gold button:focus-visible {
  outline-color: #f9a825;
}

body.theme-gold .result {
  background: #ffecb3;
  border-color: #f9a825;
  box-shadow: 6px 6px 0 #f9a825;
  color: #f57f17;
}

body.theme-gold .result b {
  color: #f9a825;
}

body.theme-gold .highlight {
  background: #f9a825;
  color: #000000;
  border-color: #f9a825;
  box-shadow: 4px 4px 0 #f9a825;
}

body.theme-gold .error-output {
  background: #ffccbc;
  border-color: #d84315;
  color: #d84315;
}

body.theme-gold .footer {
  color: #f9a825;
}

body.theme-gold .theme-btn {
  border-color: #f9a825;
  color: #f9a825;
  box-shadow: 4px 4px 0 #f9a825;
}

body.theme-gold .live-price-section {
  background: #ffecb3;
  border-color: #f9a825;
  box-shadow: 4px 4px 0 #f9a825;
}

body.theme-gold .live-label {
  color: #f9a825;
}

body.theme-gold .live-price-value {
  color: #f9a825;
}

body.theme-gold .refresh-btn {
  background: #ffc107;
  color: #000000;
  border-color: #f9a825;
}

body.theme-gold .theme-picker-panel {
  background: #fffde7;
  border-color: #f9a825;
  box-shadow: 8px 8px 0 #f9a825;
}

body.theme-gold .theme-toggle-btn {
  background: #ffc107;
  color: #000;
  border-color: #f9a825;
}

/* ─── CORAL THEME ─────────────────────────────────────────────────────────────── */

body.theme-coral {
  background: #fbe9e7;
}

body.theme-coral .container {
  background: #ffccbc;
  border-color: #d84315;
  box-shadow: 8px 8px 0 #d84315;
}

body.theme-coral h1 {
  color: #d84315;
}

body.theme-coral label {
  color: #bf360c;
}

body.theme-coral input {
  background: #ffffff;
  color: #bf360c;
  border-color: #d84315;
  box-shadow: 4px 4px 0 #d84315;
}

body.theme-coral input:focus {
  background: #ffffff;
  box-shadow: 2px 2px 0 #d84315;
}

body.theme-coral input:focus-visible {
  outline-color: #d84315;
}

body.theme-coral input::placeholder {
  color: #ffab91;
}

body.theme-coral .help-text {
  background: #ffccbc;
  color: #d84315;
  border-color: #d84315;
}

body.theme-coral .or-divider {
  background: #ff8a65;
  color: #bf360c;
  border-color: #d84315;
}

body.theme-coral button {
  background: #ff5722;
  color: #ffffff;
  border-color: #d84315;
  box-shadow: 6px 6px 0 #d84315;
}

body.theme-coral button:hover {
  box-shadow: 3px 3px 0 #d84315;
}

body.theme-coral button:active {
  box-shadow: 1px 1px 0 #d84315;
}

body.theme-coral button:focus-visible {
  outline-color: #d84315;
}

body.theme-coral .result {
  background: #ffccbc;
  border-color: #d84315;
  box-shadow: 6px 6px 0 #d84315;
  color: #bf360c;
}

body.theme-coral .result b {
  color: #d84315;
}

body.theme-coral .highlight {
  background: #d84315;
  color: #ffffff;
  border-color: #d84315;
  box-shadow: 4px 4px 0 #d84315;
}

body.theme-coral .error-output {
  background: #ffcdd2;
  border-color: #c62828;
  color: #c62828;
}

body.theme-coral .footer {
  color: #d84315;
}

body.theme-coral .theme-btn {
  border-color: #d84315;
  color: #d84315;
  box-shadow: 4px 4px 0 #d84315;
}

body.theme-coral .live-price-section {
  background: #ffccbc;
  border-color: #d84315;
  box-shadow: 4px 4px 0 #d84315;
}

body.theme-coral .live-label {
  color: #d84315;
}

body.theme-coral .live-price-value {
  color: #d84315;
}

body.theme-coral .refresh-btn {
  background: #ff5722;
  color: #ffffff;
  border-color: #d84315;
}

body.theme-coral .theme-picker-panel {
  background: #ffccbc;
  border-color: #d84315;
  box-shadow: 8px 8px 0 #d84315;
}

body.theme-coral .theme-toggle-btn {
  background: #ff5722;
  color: #fff;
  border-color: #d84315;
}

/* ─── MONOCHROME THEME ───────────────────────────────────────────────────────── */

body.theme-monochrome {
  background: #f5f5f5;
}

body.theme-monochrome .container {
  background: #ffffff;
  border-color: #212121;
  box-shadow: 8px 8px 0 #212121;
}

body.theme-monochrome h1 {
  color: #212121;
}

body.theme-monochrome label {
  color: #424242;
}

body.theme-monochrome input {
  background: #ffffff;
  color: #424242;
  border-color: #212121;
  box-shadow: 4px 4px 0 #212121;
}

body.theme-monochrome input:focus {
  background: #ffffff;
  box-shadow: 2px 2px 0 #212121;
}

body.theme-monochrome input:focus-visible {
  outline-color: #212121;
}

body.theme-monochrome input::placeholder {
  color: #9e9e9e;
}

body.theme-monochrome .help-text {
  background: #e0e0e0;
  color: #424242;
  border-color: #212121;
}

body.theme-monochrome .or-divider {
  background: #bdbdbd;
  color: #424242;
  border-color: #212121;
}

body.theme-monochrome button {
  background: #757575;
  color: #ffffff;
  border-color: #212121;
  box-shadow: 6px 6px 0 #212121;
}

body.theme-monochrome button:hover {
  box-shadow: 3px 3px 0 #212121;
}

body.theme-monochrome button:active {
  box-shadow: 1px 1px 0 #212121;
}

body.theme-monochrome button:focus-visible {
  outline-color: #212121;
}

body.theme-monochrome .result {
  background: #e0e0e0;
  border-color: #212121;
  box-shadow: 6px 6px 0 #212121;
  color: #424242;
}

body.theme-monochrome .result b {
  color: #212121;
}

body.theme-monochrome .highlight {
  background: #424242;
  color: #ffffff;
  border-color: #212121;
  box-shadow: 4px 4px 0 #212121;
}

body.theme-monochrome .error-output {
  background: #ffcdd2;
  border-color: #c62828;
  color: #c62828;
}

body.theme-monochrome .footer {
  color: #757575;
}

body.theme-monochrome .theme-btn {
  border-color: #212121;
  color: #212121;
  box-shadow: 4px 4px 0 #212121;
}

body.theme-monochrome .live-price-section {
  background: #e0e0e0;
  border-color: #212121;
  box-shadow: 4px 4px 0 #212121;
}

body.theme-monochrome .live-label {
  color: #212121;
}

body.theme-monochrome .live-price-value {
  color: #212121;
}

body.theme-monochrome .refresh-btn {
  background: #757575;
  color: #ffffff;
  border-color: #212121;
}

body.theme-monochrome .theme-picker-panel {
  background: #ffffff;
  border-color: #212121;
  box-shadow: 8px 8px 0 #212121;
}

body.theme-monochrome .theme-toggle-btn {
  background: #757575;
  color: #fff;
  border-color: #212121;
}