/* Емануил Нинов, парапети. Посока: стилът на e-sculpted.com (избор на Калоян, 8.11.2026), dokumenti/DESIGN.md.
   Единствено място за цветове, шрифтове, размери, радиуси и движение. Контрастът е мерен 9.11.2026 (всички двойки AA). */
:root {
  color-scheme: dark;

  /* Основа и повърхности (тъмносиньо) */
  --bg: #1c2542;          /* основа на страницата */
  --surface: #222c4d;     /* повърхност: детайл, контакт */
  --surface-2: #2a3558;   /* втора повърхност (base.css) */
  --dark: #161d35;        /* най-тъмно: футър, лента на телефон */
  --text: #f2eee3;        /* слонова кост, 13:1 върху --bg */
  --text-muted: #aeb4c4;  /* втори текст, 7,3:1 върху --bg, 6,6:1 върху --surface */
  --line: rgba(200, 168, 100, 0.28); /* тънки линии и рамки на обведен бутон */
  --tint: rgba(255, 255, 255, 0.07);      /* тих бутон: плътен фон */
  --tint-line: rgba(255, 255, 255, 0.12); /* тих бутон: рамка; разделител в списъка */
  --tint-press: rgba(255, 255, 255, 0.05); /* натиснат ред */
  --lenta-bg: rgba(22, 29, 53, 0.86);     /* плаващата лента, под размазване */
  --senka: 0 10px 30px rgba(0, 0, 0, 0.35);

  /* Акцент (злато) */
  --accent: #c8a864;      /* заглавия, главен бутон, лента с числата; 6,6:1 върху --bg */
  --accent-soft: #e2ce9e; /* бутон при посочване */
  --on-accent: #1c2542;   /* текст върху злато, 6,6:1 */
  --line-on-accent: rgba(28, 37, 66, 0.22); /* разделители в златната лента */

  /* Светли повърхности (плочка): снимка по Viber, карти */
  --light: #f1efea;       /* светла секция */
  --light-2: #ffffff;     /* карта в светла секция */
  --on-light: #1c2542;    /* текст върху светло, 13:1 */
  --on-light-muted: #3a4258; /* втори текст върху светло, 8,7:1 */
  --accent-on-light: #7a6230; /* числа и акцент върху светло, 5:1 */

  --scrim: rgba(11, 16, 34, 0.9); /* фон зад голямата снимка */

  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-text: "Onest", "Onest-fallback", "Helvetica Neue", Arial, sans-serif;

  /* Скала (clamp: телефон 390 → десктоп 1440) */
  --fs-0: clamp(0.8125rem, 0.8rem + 0.1vw, 0.875rem);  /* 13-14: подписи */
  --fs-1: clamp(1rem, 0.97rem + 0.2vw, 1.0625rem);     /* 16-17: текст */
  --fs-lead: clamp(1.125rem, 1.05rem + 0.35vw, 1.25rem); /* 18-20: пояснение */
  --fs-2: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);      /* 20-24: малки заглавия */
  --fs-quote: clamp(1.3125rem, 1.1rem + 0.8vw, 1.75rem); /* цитат в „За мен“ */
  --fs-3: clamp(2.25rem, 1.5rem + 3.2vw, 4.25rem);     /* 36-68: H2 */
  --fs-num: clamp(3.5rem, 2.8rem + 2.6vw, 5.25rem);    /* числата */
  --fs-4: clamp(2.875rem, 1.8rem + 5vw, 6.5rem);       /* 46-104: H1 */
  --track-display: -0.02em;
  --lh-display: 1;
  --lh-h2: 1.06;
  --lh-text: 1.6;
  --w-display: 400;
  --w-text: 400;
  --w-strong: 500;

  /* Ритъм */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --section-y: clamp(3.5rem, 2.6rem + 2.6vw, 5.5rem); /* само отгоре: ~56 px телефон, ~88 px десктоп (K3) */
  --gutter: clamp(1.25rem, 0.6rem + 2.8vw, 3.5rem);   /* 20 → 56 */
  --maxw: 80rem;
  --header-h: 4.25rem;
  --btn-h: 3.125rem;   /* 50px */
  --tap: 2.75rem;      /* 44px */

  /* Радиуси: един език */
  --radius-btn: 14px;  /* бутони: меко заоблени */
  --radius-pill: 999px; /* хапче: телефон в хедъра, видове, бутоните на галерията */
  --radius-kart: 18px;  /* група: списъкът с видове, лентата долу */
  --radius-img: 10px;
  --radius-bar: 0px;   /* хедърът е плосък, както на e-sculpted */
  --radius-round: 50%; /* само кръгчето със стрелка на плочката */

  /* Движение (dvizhenie/README.md): само transform и opacity */
  --ease: cubic-bezier(0.22, 0.8, 0.24, 1);      /* влизане */
  --ease-in: cubic-bezier(0.4, 0, 1, 1);         /* излизане */
  --ease-sheet: cubic-bezier(0.32, 0.72, 0, 1);  /* голяма снимка */
  --ease-line: cubic-bezier(0.65, 0, 0.35, 1);   /* подчертаване на връзка */
  --dur-press: 100ms;   /* натискане */
  --dur-fast: 150ms;    /* hover, смяна на снимка */
  --dur-base: 250ms;    /* подчертаване, филтър, затваряне */
  --dur-sheet: 400ms;   /* отваряне на голямата снимка */
  --dur-slow: 600ms;    /* поява при скрол */
  --dur-hero: 850ms;    /* вход на първия екран, веднъж */
  --bg-header: #1c2542; /* хедър след скрол: плътен */
  --bg-header-prozr: rgba(28, 37, 66, 0.82); /* хедър при скрол надолу: полупрозрачен с размазване */
  --blur-header: 14px;
  --scrim-top: rgba(22, 29, 53, 0.8); /* под хедъра над снимката (--dark) */
}