/* ============================================================
   MFM CONSTRUCTOR — DESIGN TOKENS
   Один движок, два пресета:
     [data-brand="fixhub"]    — Конструктор A (тёмный + жёлтый)
     [data-brand="universal"] — Конструктор B (нейтральный, переопределяется под нишу клиента)
   Меняешь только переменные — компоненты подстраиваются сами.
   ============================================================ */

:root {
  /* --- типографика --- */
  --font-head: "Onest", system-ui, "Segoe UI", sans-serif;   /* гротеск, заголовки */
  --font-body: "Inter", system-ui, "Segoe UI", sans-serif;
  --fw-head: 800;
  --tracking-head: 0;

  /* --- радиусы / тени / сетка --- */
  --radius: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(10,12,20,.06), 0 2px 8px rgba(10,12,20,.04);
  --shadow: 0 8px 30px rgba(10,12,20,.10);
  --shadow-lg: 0 20px 60px rgba(10,12,20,.18);
  --maxw: 1120px;
  --gutter: clamp(16px, 4vw, 40px);

  /* --- шкала отступов --- */
  --s-1: 6px; --s-2: 10px; --s-3: 16px; --s-4: 24px;
  --s-5: 36px; --s-6: 56px; --s-7: 84px; --s-8: 120px;

  /* --- УНИВЕРСАЛЬНЫЙ ПРЕСЕТ (Конструктор B, по умолчанию) ---
     Под нишу клиента переопредели --accent / --dark / шрифты в presets/<client>.css */
  --bg:          #FFFFFF;   /* основной светлый фон */
  --bg-alt:      #F6F7F9;   /* чередующаяся светлая секция */
  --surface:     #FFFFFF;   /* карточки */
  --ink:         #15171A;   /* основной текст на светлом */
  --muted:       #5B626E;   /* второстепенный текст */
  --line:        #E7E9EE;   /* разделители/рамки */

  --accent:      #2E6BFF;   /* акцент клиента (меняется под нишу) */
  --accent-ink:  #FFFFFF;   /* текст на акценте */
  --accent-soft: rgba(46,107,255,.12);

  --dark:        #14161B;   /* фон тёмных секций */
  --dark-alt:    #1C1F26;
  --on-dark:     #FFFFFF;   /* текст на тёмном */
  --on-dark-mut: #A4ADBB;
}

/* ============================================================
   ПРЕСЕТ A — FIXHUB (тёмный + жёлтый)
   из design-pack: yellow #FFD600, navy #1A1A2E, bg-dark #0E0E14
   ============================================================ */
[data-brand="fixhub"] {
  --font-head: "Onest", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;

  --bg:          #0E0E14;   /* сайт тёмный по умолчанию */
  --bg-alt:      #14141C;
  --surface:     #181924;
  --ink:         #FFFFFF;
  --muted:       #9AA0B0;
  --line:        rgba(255,255,255,.10);

  --accent:      #FFD600;   /* жёлтый */
  --accent-ink:  #1A1A2E;   /* navy текст на жёлтом */
  --accent-soft: rgba(255,214,0,.16);

  --dark:        #0A0A0F;
  --dark-alt:    #14141C;
  --on-dark:     #FFFFFF;
  --on-dark-mut: #9AA0B0;

  --green:       #1FB36B;   /* «популярный»/успех */
  --shadow:      0 10px 40px rgba(0,0,0,.45);
  --shadow-lg:   0 24px 70px rgba(0,0,0,.55);
}

/* Светлые секции внутри FixHub-сайта (для ритма) */
[data-brand="fixhub"] .section--light {
  --bg: #F4F4F8;
  --ink: #1A1A2E;
  --muted: #5B626E;
  --surface: #FFFFFF;
  --line: #E7E9EE;
  --on-dark: #1A1A2E;
}