@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@600;700&display=swap");

:root {
  --bg: #f4f6f9;
  --surface: #fff;
  --text: #1a2332;
  --muted: #5c6b7a;
  --border: #d8dee6;
  --primary: #1e4d78;
  --primary-hover: #163a5c;
  --accent: #0d7a5f;
  --accent-hover: #0a624c;
  --error: #b42318;
  --success: #067647;
  --sidebar-bg: #eef2f7;
  --radius: 8px;
  --font: "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-brand: "Exo 2", var(--font);
  --gradient-brand: linear-gradient(135deg, #1e4d78 0%, #0d7a5f 100%);
  --shadow-sm: 0 1px 3px rgba(26, 35, 50, 0.08);
  --shadow-md: 0 8px 32px rgba(26, 35, 50, 0.12);
  --shadow-lg: 0 16px 48px rgba(26, 35, 50, 0.14);
  --content-max: 72rem;
  --content-narrow: 44rem;
}