:root {
  --font-ui: system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'Courier New', monospace;
  --color-bg-app: #ffffff;
  --color-bg-panel: #ffffff;
  --color-bg-section: #f8fafc;
  --color-bg-hover: #f1f5f9;
  --color-border-panel: #e2e8f0;
  --color-border-input: #cbd5e1;
  --color-text-primary: #0f172a;
  --color-text-secondary: #475569;
  --color-accent: #659287;
  --color-accent-hover: #51746b;
  --color-accent-soft: #E6F2DD;
  --color-btn-primary: #659287;
  --color-btn-primary-txt: #ffffff;
  --color-success-bg: #f0fdf4;
  --color-success-border: #86efac;
  --color-success-text: #15803d;
  --color-warning-bg: #fffbeb;
  --color-warning-border: #fcd34d;
  --color-warning-text: #92400e;
  --color-error-bg: #fef2f2;
  --color-error-border: #fca5a5;
  --color-error-text: #b91c1c;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.10), 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05);
  --radius-sm: 6px;
  --radius-md: 8px;
}
[data-theme="dark"] {
  --color-bg-app: #0b1120;
  --color-bg-panel: #111827;
  --color-bg-section: #1f2937;
  --color-bg-hover: #1f2937;
  --color-border-panel: #1f2937;
  --color-border-input: #374151;
  --color-text-primary: #f1f5f9;
  --color-text-secondary: #94a3b8;
  --color-accent: #88BDA4;
  --color-accent-hover: #659287;
  --color-accent-soft: #2A3D35;
  --color-btn-primary: #88BDA4;
  --color-btn-primary-txt: #0f172a;
  --color-success-bg: #052e16;
  --color-success-border: #166534;
  --color-success-text: #4ade80;
  --color-warning-bg: #1c1400;
  --color-warning-border: #854d0e;
  --color-warning-text: #fcd34d;
  --color-error-bg: #1f0707;
  --color-error-border: #991b1b;
  --color-error-text: #fca5a5;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.3);
}