:root{
  /* === Palette (из Фигмы) === */
  --c-dark-blue: #242C6E;   /* Основной темно-синий */
  --c-lime: #B6ED03;        /* Основной салатовый */
  --c-black: #000000;       /* Черный */
  --c-white: #FFFFFF;       /* Белый */
  --c-red: #FF0000;         /* Красный */
  --c-green: #09A934;       /* Зеленый */
  --c-mint-50: #EEFAFE;     /* Светло-мятный */
  --c-teal-900: #06566C;    /* "Не знаю как назвать 1" */
  --c-gray-25: #FCFCFC;     /* Светло-серый-1 */
  --c-gray-100: #EAEAEA;    /* Светло-серый-2 */
  --c-gray-300: #D0D0D0;    /* Серый */
  --c-gray-600: #818181;    /* Темно-серый-1 */
  --c-gray-700: #737373;    /* Темно-серый-2 */

  /* === Semantic aliases (на эти цвета будем ссылаться в компонентах) === */
  --color-bg: var(--c-white);
  --color-text: var(--c-black);
  --color-primary: var(--c-dark-blue);
  --color-accent: var(--c-lime);
  --color-muted: var(--c-gray-700);
  --color-border: var(--c-gray-100);
  --color-success: var(--c-green);
  --color-danger: var(--c-red);

  /* === Typography scale (Figma числа ≈ px; переводим в rem при base=16px) === */
  --fs-h1: 2rem;      /* 32px */
  --fs-h2: 1.25rem;   /* 20px */
  --fs-h3: 1.125rem;  /* 18px */
  --fs-p1: 1rem;      /* 16px */
  --fs-p2: 0.875rem;  /* 14px */
  --fs-p3: 0.75rem;   /* 12px */

  /* Линии и веса — можно поправить по макету при желании */
  --lh-tight: 1.2;
  --lh-normal: 1.5;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
}