@charset "UTF-8";
/* ═══════════════════════════════════════════════════════════
   TÉMA — SVETLÁ (Lahodné) · „Tichá galéria"
   Krémový papier, malinový akcent, hairline linky, Inter.
   Len tokeny — komponenty sú v components.css a berú farby odtiaľto.
   ═══════════════════════════════════════════════════════════ */
:root{
  color-scheme:light;

  /* Plochy a text */
  --bg:#FBF5F1;
  --bg-alt:#F5ECEF;
  --bg-blur:rgba(251,245,241,.88);
  --surface:#FFFFFF;

  --ink-strong:#2A1F24;
  --ink:#2A1F24;
  --ink-soft:#5E4F55;
  --ink-mute:#857479;

  /* Neutrálna škála (100 = najtmavšia, 900 = najsvetlejšia) */
  --n100:#2A1F24; --n200:#3A2C32; --n300:#5E4F55; --n400:#6F6066; --n500:#857479;
  --n600:#A3949A; --n700:#D9CCD1; --n800:#EFE4E7; --n900:#F5ECEF;

  /* Akcent — malinová */
  --accent:#C2436A;
  --accent-deep:#9E2F55;
  --accent-soft:#F7DCE5;
  --accent-ring:rgba(194,67,106,.22);
  --a100:#5A1631; --a200:#7A2244; --a300:#9E2F55; --a400:#B03A61; --a500:#C2436A;
  --a600:#D46B8A; --a700:#E9A7BC; --a800:#F7DCE5; --a900:#FBEBF0;

  /* Farebná plocha sekcie (len na veľké bloky) */
  --section:#F3DAE2; --section-glow:#F9E7ED;

  /* Linky */
  --line:rgba(42,31,36,.12);
  --line-strong:rgba(42,31,36,.2);

  /* Stavové */
  --ok:#3F7A5C;      --ok-soft:#E3F0E8;
  --warn:#9A6A1F;    --warn-soft:#F8EEDC;
  --danger:#A83A3A;  --danger-soft:#F8E6E4;

  --input-bg:#FFFFFF;

  /* Písmo — jedno, Inter (variabilné, self-hosted) */
  --font-display:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --fs-base:15px;
  --ls-display:-0.025em;

  /* Tvary — malé polomery, žiadne oblúky */
  --r-arch:14px;
  --r-arch-sm:8px;
  --r-card:14px;
  --r-btn:8px;
  --r-input:8px;
  --prod-pad:0;

  /* Tiene — hairline okraj + jemná ambientná stopa */
  --shadow-sm:0 0 0 1px #EADADF;
  --shadow-md:0 0 0 1px #EADADF,0 6px 18px rgba(80,40,55,.10);
  --shadow-lg:0 0 0 1px #E2CED5,0 16px 40px rgba(80,40,55,.16);
  --shadow-card:var(--shadow-sm);
  --shadow-card-hover:var(--shadow-md);
  --shadow-arch:none;
  --shadow-float:var(--shadow-md);
  --shadow-btn:none;
  --shadow-btn-hover:none;

  /* Rozmery */
  --maxw:1200px;
  --hdr-h:68px;
  --pad:40px;
}