/* Кавушка — бренд одним файлом (з brandbook/assets/palette.json і README).
   Спільний для всіх трьох макетів головної. Міняти бренд — лише тут. */
@import url("fonts/fonts.css");

:root {
  /* Кольори — palette.json, роль і заборона кожного там же */
  --kv-coal: #191919;      /* основний фон; текст на світлому. Не #000 */
  --kv-magenta: #C01D74;   /* лого, кнопки на світлому, великі площі. На вугіллі — лише текст ≥ 24 px */
  --kv-neon: #F2469D;      /* акцент на темному: посилання, ціни, кнопка на темному. Не на світлому */
  --kv-glow: #FB73B1;      /* лише ореол навколо неону */
  --kv-ember: #F7804D;     /* піч і піца, ≤ 5 % площі; не для кнопок */
  --kv-flour: #F4EFEA;     /* світла тема; текст на вугіллі замість білого */
  --kv-graphite: #313639;  /* друга поверхня на темному */
  --kv-cherry: #5E1230;    /* десерти й торти: глибокий фон під борошняний текст */
  --kv-powder: #FAE3ED;    /* світлі підкладки, плашки під ціни */

  --kv-ink-2: #5C5457;          /* другорядний текст на світлому */
  --kv-on-dark-2: #B9B0AC;      /* другорядний текст на вугіллі */

  /* Шрифти — README брендбука */
  --kv-font-display: "Comfortaa", "Rubik", system-ui, sans-serif; /* 700: заголовки, страви, ціни */
  --kv-font-text: "Rubik", system-ui, sans-serif;                 /* 400/500: текст, меню, кнопки */
  --kv-font-hand: "Caveat", "Comfortaa", cursive;                 /* 600–700: лише рукописні підписи */

  --kv-neon-glow: 0 0 6px rgba(251, 115, 177, .55), 0 0 22px rgba(242, 70, 157, .45);
  --kv-ease-out: cubic-bezier(.22, 1, .36, 1);
  --kv-gutter: clamp(16px, 4vw, 56px);
}