/*
 * Design tokens — Global Shine
 * Figma: GS (file edA7dPmt9t85syFEegNCYF), desktop 13:191, mobile 44:2752.
 * Файл не має колекції змінних у Figma (get_variable_defs повертає {}),
 * тому токени зібрані вручну з фактичних значень макета.
 */
:root {
  /* Brand */
  --color-primary: #69b1c6;
  --color-primary-soft: #c6e1e8;   /* рамки полів, зірки в hero */
  --color-primary-tint: #f3f8fa;   /* фон чипсів, табів, секції форми */

  /* Neutrals */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-surface: #fbfbfb;        /* фон карток */
  --color-dark: #21282a;           /* футер, мобільне меню */

  /* Text on light */
  --color-text-secondary: rgba(0, 0, 0, 0.7);
  --color-text-muted: rgba(0, 0, 0, 0.5);
  --color-text-placeholder: rgba(0, 0, 0, 0.3);
  --color-divider: rgba(0, 0, 0, 0.1);
  --color-error: #d9534f;          /* невалідні поля форми (немає в Figma) */

  /* Text / fills on dark */
  --color-white-70: rgba(255, 255, 255, 0.7);
  --color-white-50: rgba(255, 255, 255, 0.5);
  --color-white-20: rgba(255, 255, 255, 0.2);

  /* Overlays */
  --color-hero-shade: rgba(0, 0, 0, 0.4);
  --color-hero-shade-mobile: rgba(0, 0, 0, 0.6);

  /* Typography */
  --font-sans: 'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-serif: 'IBM Plex Serif', Georgia, serif;

  /* Layout */
  --page-max: 1440px;
  --gutter: 48px;
}

@media (max-width: 900px) {
  :root {
    --gutter: 12px;
  }
}