/* Ma8ka design tokens — extracted from Figma "Ma8ka (Copy)" */
:root {
  /* Brand & neutrals */
  --brand: #267DB7;
  --brand-d: #1F6699;
  --brand-l: #E8F1F8;
  --ink: #202020;
  --ink-2: #333333;
  --muted: #6B7682;
  --muted-2: #BABABA;
  --bg: #FFFFFF;
  --bg-2: #F5F5F5;
  --footer: #393838;
  --footer-line: #797979;
  --line: #E7E2E2;
  --line-2: #E6E5E5;
  --ok: #27AE60;

  /* Radii */
  --r-lg: 30px;
  --r-md: 20px;
  --r-sm: 12px;
  --pill: 100px;

  /* Typography */
  --font: "Golos Text", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fs-h1: 48px;
  --fs-h2: 36px;
  --fs-h3: 22px;
  --fs-body: 20px;
  --fs-sm: 16px;
  --fs-xs: 13px;

  /* Layout */
  --container: 1200px;
  --gutter: 24px;

  /* Effects */
  --shadow-sm: 0 4px 16px rgba(0, 0, 0, .06);
  --shadow-md: 0 12px 32px rgba(0, 0, 0, .10);
}