:root {
  color-scheme: light;

  --font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Satoshi", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --color-bg: #F6F8FC;
  --color-sidebar: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-surface-hover: #EEF2FF;
  --color-border: #D8E0F0;
  --color-text: #111827;
  --color-text-muted: #64748B;
  --color-primary: #4F7CFF;
  --color-primary-hover: #365FEA;
  --color-success: #16A34A;
  --color-warning: #D97706;
  --color-danger: #DC2626;
  --color-info: #0284C7;
  --color-on-primary: #FFFFFF;
  --color-on-accent: #FFFFFF;
  --color-accent-purple: #7C3AED;
  --color-accent-pink: #BE185D;
  --color-accent-bronze: #B45309;
  --color-medal-silver: #94A3B8;
  --color-medal-bronze: #B45309;

  --color-primary-soft: rgba(79, 124, 255, .12);
  --color-success-soft: rgba(22, 163, 74, .12);
  --color-warning-soft: rgba(217, 119, 6, .13);
  --color-danger-soft: rgba(220, 38, 38, .12);
  --color-info-soft: rgba(2, 132, 199, .12);
  --color-focus-ring: rgba(79, 124, 255, .24);
  --color-overlay: rgba(15, 23, 42, .44);

  --color-sidebar-text: #111827;
  --color-sidebar-muted: #64748B;
  --color-sidebar-active: rgba(79, 124, 255, .10);
  --color-sidebar-hover: rgba(79, 124, 255, .07);

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
  --shadow-md: 0 10px 24px rgba(15, 23, 42, .08);
  --shadow-lg: 0 24px 60px rgba(15, 23, 42, .14);
  --shadow-glow: 0 0 0 1px rgba(79, 124, 255, .12), 0 12px 30px rgba(79, 124, 255, .18);

  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;
}

[data-theme="dark"] {
  color-scheme: dark;

  --color-bg: #0B1020;
  --color-sidebar: #111827;
  --color-surface: #161F32;
  --color-surface-hover: #1E293B;
  --color-border: #243048;
  --color-text: #F3F6FF;
  --color-text-muted: #94A3B8;
  --color-primary: #4F7CFF;
  --color-primary-hover: #6B93FF;
  --color-success: #22C55E;
  --color-warning: #F59E0B;
  --color-danger: #EF4444;
  --color-info: #38BDF8;
  --color-on-primary: #FFFFFF;
  --color-on-accent: #FFFFFF;
  --color-accent-purple: #A78BFA;
  --color-accent-pink: #F472B6;
  --color-accent-bronze: #F59E0B;
  --color-medal-silver: #94A3B8;
  --color-medal-bronze: #D97706;

  --color-primary-soft: rgba(79, 124, 255, .16);
  --color-success-soft: rgba(34, 197, 94, .14);
  --color-warning-soft: rgba(245, 158, 11, .14);
  --color-danger-soft: rgba(239, 68, 68, .14);
  --color-info-soft: rgba(56, 189, 248, .14);
  --color-focus-ring: rgba(79, 124, 255, .34);
  --color-overlay: rgba(0, 0, 0, .58);

  --color-sidebar-text: #F3F6FF;
  --color-sidebar-muted: #94A3B8;
  --color-sidebar-active: rgba(79, 124, 255, .18);
  --color-sidebar-hover: rgba(148, 163, 184, .10);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .18);
  --shadow-md: 0 12px 28px rgba(0, 0, 0, .24);
  --shadow-lg: 0 28px 70px rgba(0, 0, 0, .34);
  --shadow-glow: 0 0 0 1px rgba(79, 124, 255, .22), 0 16px 38px rgba(79, 124, 255, .20);
}

[data-theme="light"] {
  color-scheme: light;
}