/* ==================================================================== */
/* ==  ТОКЕНИ : НАЧАЛО                                               == */
/* ==  Всички стойности идват от docs/izmervaniya-home.md            == */
/* ==  Нула хардкоднати цветове извън този файл.                     == */
/* ==================================================================== */

:root {
  /* --- мащаб -------------------------------------------------------
     --k е "една единица от макета". При 1920 тя е точно 1px, а по-надолу
     се свива, за да се свият заедно с нея шрифтове, отстъпи и височини. */
  --k: 1px;

  /* --- цветове (семплирани от макета) ------------------------------ */
  --bg: #000000;
  --ink: #ffffff;
  --ink-soft: #e7e7e9;
  --ink-muted: #cdcdcd;
  --accent: #9fff01;
  --accent-cyan: #00bff9;
  --accent-magenta: #dd00fd;
  /* Тюркоаз — среден етап в „ландшафтна архитектура". НЕ е --accent-cyan:
     семплиран #25dbde срещу #00bff9 на активния пункт в менюто. */
  --accent-teal: #25dbde;
  /* Меко розово — заглавията в средната колона на „ландшафтно проектиране“,
     краят на градиентните черти и на бутоните. НЕ е --accent-magenta:
     семплирано #e759e3 срещу #dd00fd на чертата под хедъра. */
  --accent-pink: #e759e3;

  --line: rgba(255, 255, 255, .17);
  --line-strong: rgba(255, 255, 255, .62);

  --gradient-rule: linear-gradient(90deg, var(--accent-cyan), var(--accent-magenta));
  /* Секционните черти и бутоните ползват ДРУГ градиент — лайм → тюркоаз → розово.
     Семплиран по дължината на чертата 224px: #9eef03 → #32dec6 → #e759e3.
     Чертата под хедъра и футъра си остава --gradient-rule (циан → магента). */
  --gradient-accent: linear-gradient(90deg, var(--accent), var(--accent-teal) 45%, var(--accent-pink));

  /* --- контейнер --------------------------------------------------- */
  --container: 1920px;
  --gutter: calc(160 * var(--k));

  /* --- типография --------------------------------------------------- */
  --font: 'Advent Pro', 'Exo 2', Bahnschrift, Arial, Helvetica, sans-serif;

  --fs-h1: clamp(26px, calc(43.1 * var(--k)), 43.1px);
  --fs-h2: clamp(21px, calc(31.2 * var(--k)), 31.2px);
  --fs-h2-lg: clamp(23px, calc(36.6 * var(--k)), 36.6px);
  --fs-eyebrow: clamp(15px, calc(25 * var(--k)), 25px);
  --fs-eyebrow-sm: clamp(13px, calc(20.3 * var(--k)), 20.3px);
  --fs-nav: clamp(16px, calc(21 * var(--k)), 21px);
  --fs-body: clamp(15px, calc(20.6 * var(--k)), 20.6px);
  --fs-body-sm: clamp(14px, calc(19.35 * var(--k)), 19.35px);
  --fs-link: clamp(14px, calc(19.2 * var(--k)), 19.2px);
  --fs-caption: clamp(14px, calc(20 * var(--k)), 20px);
  --fs-row-title: clamp(17px, calc(25.6 * var(--k)), 25.6px);
  --fs-row-desc: clamp(13px, calc(19.33 * var(--k)), 19.33px);
  --fs-row-num: clamp(14px, calc(22 * var(--k)), 22px);
  --fs-foot-title: clamp(15px, calc(22.8 * var(--k)), 22.8px);
  --fs-foot-item: clamp(14px, calc(17.2 * var(--k)), 17.2px);
  --fs-foot-contact: clamp(14px, calc(20 * var(--k)), 20px);
  --fs-foot-tagline: clamp(13px, calc(17.6 * var(--k)), 17.6px);
  --fs-foot-legal: clamp(13px, calc(16.9 * var(--k)), 16.9px);

  --lh-h2: 1.186;
  --lh-body: 1.408;
  --lh-tight: 1.2;

  /* --- рамки, радиуси, сенки, преходи ------------------------------- */
  --edge: calc(2 * var(--k));
  --r-sm: 2px;
  --shadow-rest: 0 2px 10px rgba(0, 0, 0, .45);
  --shadow-hover: 0 14px 34px rgba(0, 0, 0, .65);
  --ease-standard: cubic-bezier(.2, .8, .2, 1);
  --ease-enter: cubic-bezier(.22, 1, .36, 1);
  --t-fast: .2s var(--ease-standard);
  --t: .3s var(--ease-standard);
  --t-slow: .4s var(--ease-enter);
}

/* Междинните ширини мащабират всичко пропорционално на 1920. */
@media (max-width: 1919px) {
  :root { --k: calc(100vw / 1920); }
}

/* Таблет и телефон получават по-едра единица, за да остане четимо. */
@media (max-width: 1024px) {
  :root { --k: calc(100vw / 1500); --gutter: 40px; }
}

@media (max-width: 768px) {
  :root { --k: calc(100vw / 1100); --gutter: 32px; }
}

@media (max-width: 480px) {
  :root { --k: calc(100vw / 780); --gutter: 24px; }
}

@media (max-width: 360px) {
  :root { --gutter: 16px; }
}

/* ==  ТОКЕНИ : КРАЙ                                                  == */
/* ==================================================================== */