:root {
  /* color — brand kit (00-brand-kit.md) */
  --color-background: #ffffff;
  --color-surface: #f5f7fa;
  --color-text: #141a24;
  --color-muted: #5b6472;
  --color-border: #e2e6ec;
  --color-primary: #1B223F;
  --color-primary-foreground: #ffffff;
  --color-surface-dark: #111527;
  --color-accent: #ED7630;
  --color-accent-2: #F29C6A;

  /* type — families from brand kit; scale synthesized from spacing rhythm */
  --font-display: 'Montserrat', 'Arial Black', sans-serif;
  --font-body: 'Poppins', 'Segoe UI', sans-serif;
  --text-display: 900 56px/60px var(--font-display);
  --text-h1: 900 40px/46px var(--font-display);
  --text-h2: 900 30px/36px var(--font-display);
  --text-h3: 900 21px/28px var(--font-display);
  --text-body: 400 16px/26px var(--font-body);
  --text-small: 400 14px/22px var(--font-body);
  --text-label: 700 12px/16px var(--font-body);

  /* spacing — niche default (no reference site supplied) */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 88px;

  /* radius / shadow / motion — niche default */
  --radius-sm: 6px; --radius-md: 12px; --radius-lg: 20px; --radius-full: 9999px;
  --shadow-sm: 0 1px 3px rgba(27,34,63,0.08);
  --shadow-md: 0 12px 32px rgba(27,34,63,0.14);
  --motion-duration: 220ms;
  --motion-easing: cubic-bezier(0.4,0,0.2,1);

  --content-max-width: 1180px;
  --section-rhythm: 88px;
}