/* ═══════════════════════════════════════════════════════════════
   tokens.css — ДИЗАЙН ЖҮЙЕСІ
   ───────────────────────────────────────────────────────────────
   Түс:    логотиптен алынған шалфей жасыл (#93AF84)
   Шрифт:  Playfair Display (логотиптің Didone мінезі) + Manrope
   Бұрыш:  2px — бүкіл сайтта бірдей
   Мінез:  тыныш дәлдік

   Сайттың бүкіл көрінісі осы файлдан басқарылады.
   Бренд түсін немесе шрифтін өзгерту керек болса — тек осы жерде.
   ═══════════════════════════════════════════════════════════════ */

:root{
  /* ── фон және мәтін ── */
  --bg:#F6F3EC;          /* жылы крем — таза #FFFFFF әдейі қолданылмайды */
  --paper:#FCFAF6;       /* секция ішіндегі ашықтау бет */
  --ink:#232720;         /* негізгі мәтін */
  --muted:#676C60;       /* қосымша мәтін */

  /* ── бренд ── */
  --sage:#93AF84;        /* логотип түсі */
  --sage-soft:#E3EBDC;   /* жұмсақ фон блоктары */
  --sage-line:#C6D6BC;   /* жеңіл шекара */

  /* ── акцент (CTA) ── */
  --accent:#40593A;      /* ақ мәтінмен 7.5:1 контраст */
  --accent-dark:#33482E; /* hover */

  /* ── қою секциялар ── */
  --dark:#1B2019;
  --dark-ink:#E8E6DC;

  /* ── шекара ── */
  --line:rgba(35,39,32,.13);

  /* ── «толтырылады» белгісі ──
     Әдейі палитрадан тыс охра түсі: бұл дизайнның бөлігі емес,
     уақытша редакциялық белгі екені бірден көрінуі керек. */
  --todo:#A8712F;

  /* ── өлшемдер ── */
  --w:1200px;                     /* контейнер ені */
  --gap:clamp(4.5rem,9vw,8rem);   /* секция аралығы */
  --r:2px;                        /* жалғыз бұрыш шешімі — араластырмау */

  /* ── шрифт ── */
  --fh:'Playfair Display', Georgia, serif;
  --fb:'Manrope', 'Segoe UI', system-ui, sans-serif;
}