/* Сватбено - общи дизайн променливи (цветове, шрифтове, размери, разстояния, сенки).
   Пренесено от prototype/assets/css/base.css (задача 02.7). Единственият източник на стойностите - компонентите ги само използват. */

:root {
  --bg: #ffffff;
  --ink: #1c1917;
  --ink-2: #44403c;
  --muted: #6b645d;
  --line: #e7e5e4;
  --line-strong: #d6d3d1;
  --soft: #f6f5f3;          /* само за контроли и второстепенна информация */
  --accent: #7a2e3a;
  --accent-hover: #63242f;
  --accent-ink: #ffffff;
  --accent-soft: #f7eeef;
  --band: #f5eee8;          /* топъл фон на личната зона в „Моята сватба“ (одобрена посока, 02.11.2026) */
  --paper: #fbf8f5;         /* топла основа на вътрешни блокове в таблото */
  --track: #ece3da;         /* празната част на кръговете и лентите за напредък */
  --focus: #1f5fbf;
  --sponsor: #6b4e00;
  --sponsor-line: #d9b24c;
  --danger: #a1261b;
  --danger-bg: #fdf1f0;
  --ok: #24613a;
  --ok-bg: #eef6f1;
  --font-head: "Cormorant Garamond", Georgia, serif;
  --font-body: "Sofia Sans", system-ui, sans-serif;
  --radius: 4px;
  --container: 1240px;
  --gutter: 16px;
  --tap: 44px;
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 48px; --s6: 72px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  /* По-нисък хедър (вариант „В“, 04.11.2026): основният ред - колкото зоната за натискане; при увеличен текст расте. */
  --header-h: 44px;
  --radius-card: 6px;
  /* Сенки според функцията (02.7) */
  --shadow-1: 0 1px 2px rgb(28 25 23 / 7%), 0 2px 6px rgb(28 25 23 / 5%);      /* карта в покой, плаващ бутон */
  --shadow-2: 0 2px 4px rgb(28 25 23 / 6%), 0 10px 24px rgb(28 25 23 / 11%);   /* посочена карта, залепнал хедър, плаващ панел */
  --shadow-3: 0 6px 14px rgb(28 25 23 / 9%), 0 22px 48px rgb(28 25 23 / 18%);  /* менюта, диалози, падащи панели */
  --shadow-up: 0 -1px 3px rgb(28 25 23 / 6%), 0 -8px 22px rgb(28 25 23 / 9%);  /* долни ленти на телефон */
  /* Типография */
  --fs-body: 1.0625rem;
  --fs-h1: clamp(2.5rem, 1.7rem + 3.2vw, 4.25rem);
  --fs-h2: clamp(2rem, 1.5rem + 1.8vw, 2.9rem);
  --fs-h3: 1.45rem;
  --fs-small: .875rem;
  --lh-body: 1.55;
  --lh-head: 1.08;
}
@media (min-width: 768px) { :root { --gutter: 32px; } }