/* MAX School Platform — Design System v2 */
:root {
  --msp-bg: #F7F9FC;
  --msp-card: #FFFFFF;
  --msp-sidebar: #172033;
  --msp-sidebar-hover: #24314A;
  --msp-sidebar-active: #2A3A55;
  --msp-primary: #2563EB;
  --msp-primary-hover: #1D4ED8;
  --msp-primary-soft: rgba(37, 99, 235, 0.08);
  --msp-success: #16A34A;
  --msp-success-soft: rgba(22, 163, 74, 0.12);
  --msp-warning: #F59E0B;
  --msp-warning-soft: rgba(245, 158, 11, 0.12);
  --msp-danger: #DC2626;
  --msp-danger-soft: rgba(220, 38, 38, 0.1);
  --msp-border: #E5E7EB;
  --msp-text: #111827;
  --msp-muted: #6B7280;
  --msp-radius: 16px;
  --msp-radius-sm: 12px;
  --msp-radius-xs: 8px;
  --msp-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 4px 16px rgba(16, 24, 40, 0.04);
  --msp-shadow-hover: 0 8px 24px rgba(16, 24, 40, 0.08);
  --msp-sidebar-w: 270px;
  --msp-font: "Inter", "Manrope", system-ui, -apple-system, sans-serif;
  --msp-header-h: 72px;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--msp-font);
  color: var(--msp-text);
  background: var(--msp-bg);
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.01em;
}

a { color: var(--msp-primary); text-decoration: none; }
a:hover { color: var(--msp-primary-hover); }

h1, h2, h3, h4, h5, h6 {
  letter-spacing: -0.02em;
  font-weight: 650;
  color: var(--msp-text);
}

.text-muted { color: var(--msp-muted) !important; }

::selection {
  background: var(--msp-primary-soft);
  color: var(--msp-text);
}