/*
 * RAWBARK DESIGN TOKENY
 * =====================
 * Jediné místo, kde se definují barvy, velikosti a fonty nového designu.
 * Hodnoty pocházejí 1:1 z Webflow návrhu (rawbark.webflow.io, Webflow Variables).
 *
 * Změna barvy/velikosti se dělá TADY — komponenty v site.css na tokeny jen
 * odkazují přes var(). Nikdy nehardcoduj hex barvu do komponent.
 *
 * Pojmenování drží Webflow konvenci `--skupina--odstín`, aby šel budoucí
 * export z Webflow diffovat 1:1 (viz docs/webflow-workflow.md).
 */

:root {
  /* ---- Značkové barvy (rb = Rawbark) ---- */
  --rb--purple-900: #280014;   /* nejtmavší — text, patička */
  --rb--purple-800: #390522;
  --rb--purple-700: #4a0930;   /* hlavní brand fialová — pozadí hero, navbar */
  --rb--purple-600: #6d124b;   /* hover/aktivní stavy */
  --rb--purple-700-15: #00000026; /* jemná pozadí, hover tlačítek (od 08/2026 černá 10 %) */
  --rb--orange: #f7a723;       /* primární CTA */
  --rb--orange-light: #fce197; /* světlé sekce (FAQ) */

  /* ---- Neutrály ---- */
  --basic--white: white;
  --basic--100: #f5f4f0;       /* teplý papír — základní pozadí stránky */
  --basic--200: #ebe9e3;
  --basic--transparent: #0000;

  /* ---- Palety podle druhu masa (produktové karty, štítky, grafy) ---- */
  --beef--100: #ffd5d5; --beef--200: #f5a8ab; --beef--300: #ea7f82; --beef--400: #de5254; --beef--500: #c22121;
  --turkey--100: #ffdfef; --turkey--200: #f8bfda; --turkey--300: #f0a1c6; --turkey--400: #e67eb0; --turkey--500: #d64a8f;
  --duck--100: #fffdec; --duck--200: #fff6d6; --duck--300: #ffeaa5; --duck--400: #ffda67; --duck--500: #fab224;
  --lamb--50: #f2eefb; --lamb--100: #e4dcf6; --lamb--200: #c6b9e2; --lamb--300: #ab97cb; --lamb--400: #8a71b6; --lamb--500: #6b4da3;
  --salmon--100: #ffe5d8; --salmon--200: #fbcaad; --salmon--300: #f5ab82; --salmon--400: #f28d52; --salmon--500: #e3570a;
  --game--100: #d5f8e6; --game--200: #afe1c8; --game--300: #86cca9; --game--400: #5cb189; --game--500: #339e69;
  --carp--100: #d0f8fc; --carp--200: #a7e3ed; --carp--300: #7ccbdc; --carp--400: #51b6ce; --carp--500: #1291ba;

  /* ---- Tlapičkový program (věrnostní úrovně) ---- */
  --new-paw--100: #e5cfe2; --new-paw--200: #cca9cc; --new-paw--300: #aa7cb2;
  --new-paw--400: #915aa0; --new-paw--600: #743e8b; --new-paw--900: #472257;

  /* ---- Spacing škála (mezery, paddingy sekcí a karet) ---- */
  --size-xxs: 5px;
  --size-xs: 10px;
  --size-s: 15px;
  --size-s-m: 20px;
  --size-m: 30px;
  --size-m-l: 40px;
  --size-l: 60px;
  --size-xl: 90px;

  /* ---- Tvar ---- */
  --corner-radius: 40px;       /* velké zaoblení karet a sekcí */

  /* ---- Ikonové fonty (Material, načítá se z Google Fonts) ---- */
  --icons--mi-rounded: "Material Icons Round", sans-serif;
  --icons--ms-rounded: "Material Symbols Rounded", sans-serif;
}