/*
 * RGBee — дизайн-токены.
 * Единственный источник цветов, шрифтов, отступов и радиусов. В блоках — только var(--…), никаких литералов цвета.
 * Светлая основа + графитовые секции (.section--graphite переопределяет токены поверхности и текста).
 */
:root {
  /* --- Поверхности и текст (светлая тема) --- */
  --c-bg: #F5F6F8;          /* Бумага — фон страницы */
  --c-surface: #FFFFFF;     /* Лист — карточки */
  --c-surface-2: #EEF0F3;   /* подложки внутри карточек */
  --c-text: #1E2128;        /* Графит — основной текст */
  --c-text-muted: #5B616D;  /* второстепенный текст */
  --c-text-faint: #767C88;  /* подписи, плейсхолдеры */
  --c-line: #E1E4EA;        /* линии, рамки */
  --c-line-strong: #C9CED7;

  /* --- Бренд --- */
  --c-honey: #F6BE45;       /* Мёд — главный акцент, результат */
  --c-honey-hover: #EDB02C;
  --c-on-honey: #1E2128;
  --c-mark-1: #1E2128;      /* тона знака */
  --c-mark-2: #474C58;
  --c-mark-3: #767C88;

  /* --- Каналы (только маркеры услуг, графики, схемы — не заливки больших площадей) --- */
  --c-r: #E0564F;           /* R · Запускаем · Release — сайты */
  --c-g: #2E9E6B;           /* G · Растим · Grow — SEO */
  --c-b: #3B63D9;           /* B · Разгоняем · Boost — реклама */

  /* --- Кнопки --- */
  --c-btn: #1E2128;
  --c-btn-text: #FFFFFF;
  --c-btn-hover: #33373F;

  /* --- Состояния --- */
  --c-success: #2E9E6B;
  --c-error: #D9443D;
  --c-focus: #3B63D9;

  /* --- Шрифты --- */
  --font-sans: "Geologica", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* --- Кегли (fluid: 360px → 1280px) --- */
  --fs-display: clamp(2.5rem, 1.6rem + 4vw, 4.5rem);    /* 40 → 72 */
  --fs-h1: clamp(2rem, 1.45rem + 2.4vw, 3.25rem);       /* 32 → 52 */
  --fs-h2: clamp(1.625rem, 1.3rem + 1.45vw, 2.5rem);    /* 26 → 40 */
  --fs-h3: clamp(1.25rem, 1.12rem + .55vw, 1.5rem);     /* 20 → 24 */
  --fs-lead: clamp(1.0625rem, 1rem + .3vw, 1.25rem);    /* 17 → 20 */
  --fs-body: 1rem;                                       /* 16 */
  --fs-small: .875rem;                                   /* 14 */
  --fs-caption: .75rem;                                  /* 12 */

  --lh-tight: 1.1;
  --lh-heading: 1.2;
  --lh-body: 1.6;
  --ls-heading: -.02em;
  --ls-display: -.035em;
  --ls-caps: .1em;

  /* --- Отступы (шаг 4px) --- */
  --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem; --sp-5: 1.25rem;
  --sp-6: 1.5rem; --sp-8: 2rem; --sp-10: 2.5rem; --sp-12: 3rem; --sp-16: 4rem; --sp-20: 5rem;
  --section-y: clamp(3.5rem, 2.5rem + 4vw, 6.5rem);      /* вертикальный отступ секций */

  /* --- Сетка --- */
  --container: 1240px;
  --gutter: clamp(1rem, .6rem + 2vw, 2.5rem);

  /* --- Радиусы, тени, анимация --- */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 24px; --r-pill: 999px;
  --shadow-card: 0 1px 2px rgba(30, 33, 40, .04), 0 8px 24px -12px rgba(30, 33, 40, .12);
  --shadow-pop: 0 24px 48px -24px rgba(30, 33, 40, .35);
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: .2s;
}

/* Графитовые секции: первый экран, подвал, акцентные блоки */
.section--graphite,
.theme-graphite {
  --c-bg: #1C1E22;
  --c-surface: #262931;
  --c-surface-2: #2E323B;
  --c-text: #E8E9EC;
  --c-text-muted: #A2A7B1;
  --c-text-faint: #8A909B;
  --c-line: #343844;
  --c-line-strong: #454A57;
  --c-honey: #F7C548;
  --c-honey-hover: #FFD263;
  --c-mark-1: #F1F2F4;
  --c-mark-2: #C4C8D0;
  --c-mark-3: #9197A3;
  --c-r: #EE6B63;
  --c-g: #45B884;
  --c-b: #6B8BEB;
  --c-btn: #F7C548;
  --c-btn-text: #1C1E22;
  --c-btn-hover: #FFD263;
  --c-focus: #6B8BEB;
  --shadow-card: none;
  color-scheme: dark;
}