:root {
  color-scheme: light;
  --font-sans: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --page-bg: #f5f7fb;
  --sidebar-bg: #ffffff;
  --topbar-bg: rgba(255, 255, 255, 0.9);
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --surface-muted: #f1f5f9;
  --surface-hover: #f7f8fc;
  --surface-inverse: #151927;

  --text: #344054;
  --text-strong: #111827;
  --text-soft: #667085;
  --muted: #7b8798;
  --muted-light: #a0aabc;
  --border: #e6eaf0;
  --border-strong: #d9dee8;

  --primary: #4f46e5;
  --primary-strong: #4338ca;
  --primary-soft: #eef2ff;
  --primary-contrast: #ffffff;
  --focus: rgba(79, 70, 229, 0.32);

  --danger: #ef4444;
  --danger-strong: #d92d20;
  --danger-soft: #fff1f1;
  --warning: #f59e0b;
  --warning-strong: #b54708;
  --warning-soft: #fff7e8;
  --success: #12b76a;
  --success-strong: #067647;
  --success-soft: #ecfdf3;
  --info: #3b82f6;
  --info-strong: #175cd3;
  --info-soft: #eff8ff;
  --teal: #14b8a6;
  --purple: #8b5cf6;
  --gray-status: #98a2b3;

  --chart-grid: #edf0f5;
  --chart-label: #8792a5;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --shadow-card: 0 1px 2px rgba(16, 24, 40, 0.02), 0 8px 24px rgba(16, 24, 40, 0.035);
  --shadow-float: 0 18px 45px rgba(16, 24, 40, 0.14);
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-emphasized: cubic-bezier(0.2, 0.8, 0.2, 1);
}

body.theme-dark {
  color-scheme: dark;
  --page-bg: #0b0d12;
  --sidebar-bg: #101218;
  --topbar-bg: rgba(15, 17, 23, 0.9);
  --surface: #13161d;
  --surface-soft: #181b23;
  --surface-muted: #20242e;
  --surface-hover: #1a1e27;
  --surface-inverse: #f4f6f8;

  --text: #c3cad5;
  --text-strong: #f3f5f8;
  --text-soft: #a1aab8;
  --muted: #8993a3;
  --muted-light: #667080;
  --border: #252a34;
  --border-strong: #343a46;

  --primary: #818cf8;
  --primary-strong: #a5b4fc;
  --primary-soft: rgba(99, 102, 241, 0.15);
  --primary-contrast: #11131a;
  --focus: rgba(129, 140, 248, 0.35);

  --danger: #fb7185;
  --danger-strong: #fda4af;
  --danger-soft: rgba(244, 63, 94, 0.13);
  --warning: #fbbf24;
  --warning-strong: #fcd34d;
  --warning-soft: rgba(245, 158, 11, 0.13);
  --success: #34d399;
  --success-strong: #6ee7b7;
  --success-soft: rgba(16, 185, 129, 0.13);
  --info: #60a5fa;
  --info-strong: #93c5fd;
  --info-soft: rgba(59, 130, 246, 0.14);
  --teal: #2dd4bf;
  --purple: #a78bfa;
  --gray-status: #778194;

  --chart-grid: #252a34;
  --chart-label: #7f8998;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.2), 0 12px 30px rgba(0, 0, 0, 0.15);
  --shadow-float: 0 24px 60px rgba(0, 0, 0, 0.48);
}