/* Токени з Figma: колекції Color (Light) і Layout (Desktop).
   Значення знято з файлу pIUOjeHsr7CQlOJcAcbCBp — не редагувати вручну. */
:root{
  /* brand */
  --c-brand-primary:#D24B72;
  --c-brand-primary-hover:#B63C60;
  --c-brand-primary-pressed:#9C2F50;
  --c-brand-primary-soft:#FBE7EC;
  --c-brand-rose:#F0A6BC;
  --c-brand-gold:#DBA24E;
  /* bg */
  --c-bg-page:#FBF6F0;
  --c-bg-sidebar:#FFFCF8;
  --c-bg-surface:#FFFFFF;
  --c-bg-cream:#F8F1E8;
  --c-bg-cream-deep:#F2E7D9;
  --c-bg-scrim:#16283A;
  /* text */
  --c-text-primary:#2B2724;
  --c-text-secondary:#6F665E;
  --c-text-muted:#A39890;
  --c-text-inverse:#FFFFFF;
  --c-text-link:#D24B72;
  /* border */
  --c-border-subtle:#EFE5DA;
  --c-border-strong:#E3D5C6;
  --c-border-focus:#D24B72;
  /* категорії */
  --c-cat-knyga:#C25A7C;
  --c-cat-virsh:#7C9A6E;
  --c-cat-kazka:#5E82AB;
  --c-cat-pisnya:#DE8B45;
  --c-cat-animaciya:#8B6BA8;
  --c-cat-video:#C4614C;
  /* стани */
  --c-state-error:#C0533F;
  --c-state-error-soft:#FBEDE9;
  --c-state-success:#6E8F5F;
  --c-state-success-soft:#EFF4EC;

  /* space */
  --s-4:0.4rem;  --s-8:0.8rem;  --s-12:1.2rem; --s-16:1.6rem; --s-20:2rem; --s-24:2.4rem;
  --s-32:3.2rem; --s-40:4rem; --s-48:4.8rem; --s-64:6.4rem; --s-80:8rem; --s-96:9.6rem;
  /* radius */
  --r-xs:0.6rem; --r-sm:1rem; --r-md:1.4rem; --r-lg:2rem; --r-xl:2.8rem; --r-full:99.9rem;
  /* size */
  --size-sidebar:28rem;
  --size-container:106.4rem;
  --size-topbar:7.2rem;
  --size-card:24.8rem;

  /* тіні (Effect styles) */
  --e-card:0 0.4rem 1.4rem rgba(74,48,32,.07), 0 0.1rem 0.3rem rgba(74,48,32,.05);
  --e-card-hover:0 1.4rem 3.2rem -0.4rem rgba(74,48,32,.14), 0 0.2rem 0.6rem rgba(74,48,32,.06);
  --e-float:0 0.8rem 2.4rem rgba(74,48,32,.10);
  --e-button:0 0.4rem 1.2rem -0.3rem rgba(210,75,114,.26);
  --e-hero:0 2rem 4.8rem -0.8rem rgba(45,30,20,.18);

  /* шрифти */
  --f-head:'Playfair Display', Georgia, serif;
  --f-body:'Manrope', -apple-system, 'Segoe UI', sans-serif;
  --f-script:'Bad Script', cursive;
}