/* ==========================================================================
   Kytky od potoka - Svatby
   Design tokens - fialova varianta C "Moderni svestka" + svatebni akcent
   Pismo: Marcellus (nadpisy) + Mulish (text).
   ========================================================================== */

:root {
  /* --- Barvy (varianta C + svatebni akcent) --- */
  --c-bg: #F7F3EE;          /* kremova - platno */
  --c-surface: #FFFFFF;     /* karty, modaly */
  --c-surface-2: #FBF8F4;   /* jemne odsazena plocha */
  --c-text: #2A2230;        /* hlavni text */
  --c-muted: #756C7B;       /* sekundarni text, popisky */
  --c-border: #E6DCE3;      /* linky, ramecky */

  --c-primary: #5E2A52;     /* svestka - identita znacky */
  --c-primary-ink: #431C3A; /* tmavsi svestka pro text na svetlem */
  --c-accent: #C98B86;      /* pudrova / blush - svatebni akcent, dekorace, tinty */
  --c-accent-deep: #A85450; /* hluboka rose - CTA vypln (bily text 5.2:1) i text na svetlem (4.7:1) */
  --c-cta-hover: #8F4340;   /* jeste hlubsi rose pro hover CTA */
  --c-botanical: #7FA66B;   /* salvej / zelena - decentne */
  --c-gold: #C9A96A;        /* sampanske / zlata - linky, oddelovace, detaily */
  --c-gold-soft: #E7D8B8;   /* jemna zlata pro plochy */

  --c-success: #5C8A52;
  --c-error: #C0453A;

  /* Prusvitne varianty pro overlay, hero ztmaveni, wash plochy */
  --c-plum-wash: rgba(94, 42, 82, 0.06);
  --c-plum-veil: rgba(43, 34, 48, 0.42);
  --c-blush-wash: rgba(201, 139, 134, 0.12);

  /* --- Typografie: Marcellus (nadpisy) + Mulish (text) --- */
  --font-heading: 'Marcellus', Georgia, serif;
  --font-body: 'Mulish', system-ui, sans-serif;
  --font-mono: ui-monospace, 'JetBrains Mono', 'IBM Plex Mono', Menlo, monospace;

  /* Typograficka skala ~1.25 (px prepocitane na rem, root 16px) */
  --step--1: 0.8rem;    /* 12.8 */
  --step-0: 1rem;       /* 16 */
  --step-1: 1.25rem;    /* 20 */
  --step-2: 1.563rem;   /* 25 */
  --step-3: 1.953rem;   /* 31 */
  --step-4: 2.441rem;   /* 39 */
  --step-5: 3.052rem;   /* 49 */
  --step-6: 3.815rem;   /* 61 */
  /* Fluidni display nadpisy */
  --display: clamp(2.6rem, 1.4rem + 5.4vw, 5.5rem);
  --display-sm: clamp(2rem, 1.2rem + 3.4vw, 3.4rem);

  --lh-tight: 1.08;
  --lh-heading: 1.16;
  --lh-body: 1.65;

  /* --- Prostor --- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 9rem;

  --content-max: 1240px;
  --content-narrow: 760px;
  --gutter: clamp(1.25rem, 0.6rem + 3vw, 3rem);

  /* --- Tvary, stiny (svatebne jemne) --- */
  --radius-xs: 4px;
  --radius: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow-1: 0 1px 2px rgba(43, 34, 48, 0.04), 0 6px 18px rgba(43, 34, 48, 0.06);
  --shadow-2: 0 8px 30px rgba(43, 34, 48, 0.10), 0 2px 8px rgba(43, 34, 48, 0.06);
  --shadow-soft: 0 20px 60px -24px rgba(67, 28, 58, 0.35);

  --ring: 0 0 0 3px rgba(94, 42, 82, 0.18), 0 0 0 5px rgba(201, 139, 134, 0.55);

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.45s;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0.001s; }
}