/* ==========================================================================
   RGc — design tokeny (jediné místo pro barvy, typografii a rozměry)
   Zdroj hodnot: Figma „RGc claude – podklady pro html nakódovaní“ (frame 1440)
   ========================================================================== */
:root {
  /* Barvy */
  --cream: #f6f1e7;        /* světlé pozadí sekcí, text na tmavém */
  --beige: #f1e8d7;        /* druhé světlé pozadí, karty */
  --green: #294f3a;        /* hlavní zelená (plochy, text na světlém) */
  --green-deep: #1a2d22;   /* tmavá zelená (hero profilu, pásy, karty) */
  --ink: #202020;          /* tmavé plochy s grafy a mandáty */
  --card: #292929;         /* grafové karty */
  --tan: #c0af96;          /* písková (linky, číslování, plán) */
  --tan-hero: #c1b29b;     /* pozadí hero homepage, Sub Rosa */
  --tan-dark: #8a7550;     /* tmavší písková linka */
  --tan-text: #6f5d3a;     /* malý písková text na světlém */
  --soft: #e6dfd0;         /* odstavce na tmavém */
  --action: #31915b;       /* akční zelená: odkazy, šipky, hotovo */
  --dd-green: #3fae70;     /* rozšířený rozsah v due diligence */
  --on-action: #0f1a14;    /* text na akční zelené */
  --green-hover: #3a7a57;  /* hover plného tlačítka na tmavě zeleném pásu (jiná zelená než pás i tlačítko; text 4,5:1) */
  --link-on-light: #31915b; /* odkazy 22 px bold na krémové/béžové: akční zelená z návrhu (3,5:1 = vyhovuje AA pro velký text) */
  --link-on-light-h: #247a49;
  --link-on-green: #5ccd91; /* odkazy se šipkou na zelené #294f3a: kontrast 4,5:1 (akční má 2,3:1) */
  --link-on-green-h: #93e3b7;
  --link-on-dark: #3fae70;  /* odkazy se šipkou na tmavé zelené/černé */
  --link-on-dark-h: #7fd7a6;
  --red-dark: #e0766b;     /* negativní hodnoty na tmavém */
  --red-light: #b04a42;    /* negativní hodnoty na světlém */
  --line-grey: #cfcfcf;    /* dělicí linky na zelené */
  --muted-dark: #5e5e5e;   /* referenční text na tmavé (viz seznam k potvrzení) */
  --placeholder: #262626;  /* zástupná plocha */
  --black: #000;
  --white: #fff;

  /* Fonty */
  --font-sans: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-display: 'Bodoni Moda', 'Didot', Georgia, serif;

  /* Rozměry (frame 1440, 16sloupcová mřížka) */
  --frame: 1440px;
  --gutter: 80px;          /* okraj hlavního obsahu */
  --nav-h: 72px;           /* výška fixní navigace (kotvy se zastaví pod ní) */

  /* Pohyb — skutečná délka animací (ne jen zpoždění) */
  --ease-out: cubic-bezier(.22, .61, .36, 1);
  --ease-wipe: cubic-bezier(.45, .05, .2, 1);
  --reveal-shift: 16px;
  --reveal-time: .9s;      /* běžné odhalení 700–1000 ms */
  --serif-time: 1.5s;      /* serifová hesla zleva doprava 1200–1800 ms */
  --draw-time: 2.2s;       /* kreslení výrazné Sub Rosy 1800–2600 ms */
  --sr-time: 1.6s;         /* jemný vstup nenápadné Sub Rosy */
  --hover-time: .3s;       /* hover a focus 250–400 ms */
  --gap: 120ms;            /* krátká prodleva mezi po sobě jdoucími prvky */
}