:root{
  --bg:#f9fafb;
  --surface:#ffffff;
  --text:#1f2937;
  --muted:#6b7280;
  --border:#e5e7eb;
  --border-strong:#d1d5db;
  --primary:#4f46e5;
  --primary-strong:#4338ca;
  --primary-soft:#eef2ff;
  --calendar-selected-bg:rgba(0,255,0,.18);
  --calendar-selected-border:rgba(0,255,0,.75);
  --calendar-available-num-bg:transparent;
  --danger:#ef4444;
  --danger-soft:#fee2e2;
  --success:#16a34a;
  --success-soft:#dcfce7;
  --overlay:rgba(255,255,255,.6);
  --nav-bg:#0f172a;
  --nav-text:#ffffff;
  --nav-border:#334155;
  --nav-link:#e5e7eb;
  --nav-hover-bg:#1f2937;
  --shadow:0 6px 20px rgba(0,0,0,.06);
  --shadow-strong:0 10px 30px rgba(0,0,0,.2);
  --radius-sm:6px;
  --radius-md:8px;
  --radius-lg:12px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --bp-320:320px;
  --bp-375:375px;
  --bp-768:768px;
  --bp-1024:1024px;
  --bp-1440:1440px;
  --bp-1920:1920px;
}

html[data-theme="dark"]{
  --bg:#0b1220;
  --surface:#111827;
  --text:#e5e7eb;
  --muted:#cbd5e1;
  --border:#374151;
  --border-strong:#4b5563;
  --primary:#6d65ff;
  --primary-strong:#8b85ff;
  --primary-soft:#1f2a4a;
  --calendar-selected-bg:rgba(0,255,0,.18);
  --calendar-selected-border:rgba(0,255,0,.75);
  --calendar-available-num-bg:#eef2ff;
  --danger:#f87171;
  --danger-soft:#2a1b1b;
  --success:#34d399;
  --success-soft:#0f2a1d;
  --overlay:rgba(0,0,0,.55);
  --nav-bg:#0b1220;
  --nav-text:#e5e7eb;
  --nav-border:#1f2937;
  --nav-link:#e5e7eb;
  --nav-hover-bg:#111827;
  --shadow:0 6px 20px rgba(0,0,0,.4);
  --shadow-strong:0 10px 30px rgba(0,0,0,.6);
}