/**
 * Дизайн-токены темы. Единственное место, где заданы цвета, отступы,
 * тени и радиусы — остальной CSS ссылается только на переменные.
 */
:root {
  --color-primary: #0b2b4a;
  --color-primary-dark: #061a2d;
  --color-primary-light: #1f4a6e;
  --color-accent: #f68b1e;
  --color-accent-light: #fce5cf;
  --color-accent-dark: #d97706;

  --color-gray-light: #f1f4f9;
  --color-gray-mid: #e2e7ef;
  --color-gray-dark: #4a5a6e;

  --color-text: #0b1a2e;
  --color-text-light: #5a6a7e;
  --color-white: #ffffff;

  --shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  --shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.14);

  --radius: 20px;
  --radius-sm: 12px;
  --radius-pill: 60px;

  --transition: 0.25s ease;
  --container-width: 1280px;
  --gutter: 20px;

  --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}