@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Source+Sans+3:wght@400;500;600;700&display=swap');

:root {
  color-scheme: light;
  --bg: #f3f6f8;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --surface-3: #eef2f6;
  --border: #dfe3e8;
  --text: #1f2933;
  --muted: #5b6b7b;
  --primary: #0a66c2;
  --primary-2: #084f94;
  --success: #2e7d32;
  --warning: #b26a00;
  --danger: #c62828;
  --info: #2f80ed;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 12px 26px rgba(0, 0, 0, 0.08);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 56px;
  --header-height: 72px;
  --sidebar-width: 240px;

  --font-body: 'Source Sans 3', system-ui, sans-serif;
  --font-head: 'Merriweather', serif;

  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 20px;
  --text-xl: 26px;
  --text-2xl: 34px;
}