/* Дизайн-токены My QORGAN. Меняйте цвета и шрифты здесь, а не в main.css. */
:root {
  /* Цвета бренда */
  --navy-900: #0b1631;
  --navy-800: #0e1b3d;
  --navy-700: #14244f;
  --navy-500: #3a4a73;
  --milk-50: #fffcf5;
  --milk-100: #f6f0e4;
  --milk-200: #ece3d1;
  --gold-400: #e2c27f;   /* золото на тёмном фоне */
  --gold-500: #c9a45c;   /* декоративное золото: линии, орнамент */
  --gold-700: #7a5c22;   /* золотой текст на светлом фоне (контраст AA) */
  --teal-500: #2e8c8c;   /* бирюза из иллюстрации — второстепенный акцент */
  --teal-100: #dcecea;

  /* Смысловые цвета */
  --color-bg: var(--milk-100);
  --color-surface: var(--milk-50);
  --color-text: var(--navy-800);
  --color-text-muted: var(--navy-500);
  --color-border: rgba(14, 27, 61, 0.1);
  --color-focus: var(--teal-500);

  /* Типографика. Оба шрифта проверены на казахские буквы ә ғ қ ң ө ұ ү һ і.
     Unbounded не подходит: в нём нет этих букв, и они подставляются из другого шрифта. */
  --font-display: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1.0625rem;
  --fs-lg: 1.25rem;
  --fs-h3: 1.125rem;
  --fs-h2: clamp(1.625rem, 1.2rem + 2vw, 2.625rem);
  --fs-h1: clamp(2rem, 1.3rem + 3.6vw, 3.75rem);

  /* Отступы и форма */
  --gutter: 20px;
  --container: 1180px;
  --section-gap: clamp(72px, 9vw, 128px);
  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 32px;
  --header-h: 68px;
  --band-w: 0px;

  /* Тени — мягкие, тёплые */
  --shadow-sm: 0 1px 2px rgba(14, 27, 61, 0.06), 0 4px 12px rgba(14, 27, 61, 0.05);
  --shadow: 0 2px 6px rgba(14, 27, 61, 0.05), 0 18px 40px -12px rgba(14, 27, 61, 0.18);
  --shadow-lg: 0 30px 70px -20px rgba(11, 22, 49, 0.35);

  /* Движение */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.5s;
}

@media (min-width: 768px) {
  :root { --gutter: 32px; }
}

@media (min-width: 1200px) {
  :root { --band-w: 44px; }
}