/* Alternate color schemes. Each one only swaps the content-area tokens from main.css —
   the sidebar and brand zones stay navy, and canvas-drawn simulations keep their own dark
   rendering regardless of theme. "sparky" is the default and uses the :root values. */

[data-theme="night"] {
  --bg: #041123;
  --surface: #0c1c31;
  --surface-alt: #051930;
  --surface-hover: #16213d;
  --surface-sunken: #0c2742;
  --border: #0c2742;
  --border-input: #163556;
  --border-strong: #1f4166;
  --text-primary: #ffffff;
  --text-body: #e4e3e3;
  --text-secondary: #94a3b8;
  --text-tertiary: #7a8599;
  --accent: #22d3ee;
  --accent-strong: #67e8f9;
  --accent-soft: rgba(34, 211, 238, 0.14);
  --accent-grad: linear-gradient(135deg, #22d3ee, #0e7490);
  --cta: #f472b6;
  --cta-strong: #f472b6;
  --cta-ink: #2a0718;
  --cta-soft: rgba(244, 114, 182, 0.16);
  --cta-grad: linear-gradient(135deg, #f472b6, #db2777);
  --shadow-card: none;
  --shadow-hover: 0 16px 32px rgba(0, 0, 0, 0.35);
  --focus-ring: 0 0 0 3px rgba(34, 211, 238, 0.18);
}
[data-theme="night"] .new-card { background: rgba(34, 211, 238, 0.05); border-color: #163556; }
[data-theme="night"] .category-card p { color: var(--text-secondary); }
[data-theme="night"] .segmented button.active { background: var(--accent); color: #041123; }

[data-theme="ocean"] {
  --bg: #f1f7f8;
  --surface-alt: #f6fafb;
  --surface-hover: #ebf3f4;
  --surface-sunken: #e1eced;
  --border: #dde9eb;
  --border-input: #d3e2e5;
  --text-primary: #0a2a33;
  --accent: #0d9488;
  --accent-strong: #0f766e;
  --accent-soft: rgba(13, 148, 136, 0.12);
  --accent-grad: linear-gradient(135deg, #14b8a6, #0f766e);
  --cta: #ff7a59;
  --cta-strong: #e8552f;
  --cta-ink: #2b0d05;
  --cta-soft: rgba(255, 122, 89, 0.16);
  --cta-grad: linear-gradient(135deg, #ff7a59, #e8552f);
  --focus-ring: 0 0 0 3px rgba(13, 148, 136, 0.14);
}
[data-theme="ocean"] .new-card { background: #e8f4f3; border-color: #b7dcd8; }

[data-theme="forest"] {
  --bg: #f6f4ec;
  --surface: #fffdf7;
  --surface-alt: #faf8f0;
  --surface-hover: #f1eee3;
  --surface-sunken: #e9e5d6;
  --border: #e7e2d3;
  --border-input: #ddd7c5;
  --text-primary: #1c2a17;
  --text-body: #3a4634;
  --text-secondary: #6b7263;
  --text-tertiary: #9ea293;
  --accent: #2f7a2a;
  --accent-strong: #256221;
  --accent-soft: rgba(47, 122, 42, 0.12);
  --accent-grad: linear-gradient(135deg, #4a9a3c, #256221);
  --cta: #f59e0b;
  --cta-strong: #d97706;
  --cta-ink: #2a1a02;
  --cta-soft: rgba(245, 158, 11, 0.16);
  --cta-grad: linear-gradient(135deg, #f59e0b, #d97706);
  --focus-ring: 0 0 0 3px rgba(47, 122, 42, 0.14);
}
[data-theme="forest"] .new-card { background: #eef2e4; border-color: #c9d6b5; }

[data-theme="plum"] {
  --bg: #f7f4fb;
  --surface-alt: #faf8fd;
  --surface-hover: #f1ecf8;
  --surface-sunken: #e9e2f3;
  --border: #e9e3f2;
  --border-input: #e0d8ec;
  --text-primary: #1f1235;
  --accent: #8b5cf6;
  --accent-strong: #7c3aed;
  --accent-soft: rgba(139, 92, 246, 0.12);
  --accent-grad: linear-gradient(135deg, #a78bfa, #7c3aed);
  --cta: #14b8a6;
  --cta-strong: #0d9488;
  --cta-ink: #022824;
  --cta-soft: rgba(20, 184, 166, 0.16);
  --cta-grad: linear-gradient(135deg, #14b8a6, #0d9488);
  --focus-ring: 0 0 0 3px rgba(139, 92, 246, 0.14);
}
[data-theme="plum"] .new-card { background: #f1ebfb; border-color: #d8c8f2; }

[data-theme="sand"] {
  --bg: #f6f1e7;
  --surface: #fffaf1;
  --surface-alt: #fbf6ec;
  --surface-hover: #f3ecdf;
  --surface-sunken: #ebe2d1;
  --border: #ebe2d1;
  --border-input: #e2d8c4;
  --text-primary: #2a2016;
  --text-body: #4a4034;
  --text-secondary: #7a6f60;
  --text-tertiary: #a89d8c;
  --accent: #2563eb;
  --accent-strong: #1d4ed8;
  --cta: #c2562b;
  --cta-strong: #a8451e;
  --cta-ink: #ffffff;
  --cta-soft: rgba(194, 86, 43, 0.14);
  --cta-grad: linear-gradient(135deg, #d9693b, #a8451e);
}
[data-theme="sand"] .new-card { background: #f1ece2; border-color: #d9ccb4; }