/* SchoolOnline 14 — shared design system. */
:root {
  --ink: #111C33;
  --ink2: #1B2A49;
  --tek: #0D9488;
  --tek-l: #E6F7F5;
  --gold: #F2B84B;
  --bg: #F4F7FB;
  --surface: #FFFFFF;
  --line: #E7ECF3;
  --muted: #5F6B7C;
  --danger: #C14444;
  --danger-l: #FDEEEE;
  --warn: #A96E0D;
  --warn-l: #FFF5DF;
  --ok: #277A55;
  --ok-l: #EAF7F1;
  --display: 'Heebo',system-ui,-apple-system,sans-serif;
  --body: 'Heebo',system-ui,-apple-system,sans-serif;
  --shadow: 0 8px 28px rgba(23,35,60,.07);
  --shadow-sm: 0 5px 18px rgba(15,23,42,.07);
  --shadow-md: 0 12px 30px rgba(15,23,42,.11);
  --brand: var(--tek);
  --on-brand: #FFFFFF;
  --t-xs: 13px;
  --t-sm: 14px;
  --t-base: 16px;
  --t-lg: 19px;
  --t-xl: 24px;
  --t-2xl: 32px;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-6: 24px;
  --s-8: 32px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-full: 999px;
}

@media (prefers-contrast: more) {
  :root { --muted:#384457; --line:#9AA8BB; }
}
