/* static/css/landing.css */
/* ---- Section typography ------------------------------------------------ */

/* static/css/landing/tokens.css */
/* =========================================================================
   EquaMate landing — design tokens
   Landing-only layer. Does NOT override the DaisyUI app theme.
   Scoped to .em-landing so the app UI stays untouched.
   ========================================================================= */

.em-landing {

  /* --- Surfaces --------------------------------------------------------
     Derived from the hero gradient, NOT from base-100 (#000310 is too
     black and would create a hard seam right below the fold).           */
  --em-surface-0:      #060d18;   /* deepest — page background          */
  --em-surface-1:      #0a1628;   /* default section (matches hero navy) */
  --em-surface-2:      #0e1d33;   /* alternating section                 */
  --em-surface-3:      #132540;   /* cards, panels, FAQ items            */

  /* --- Text ------------------------------------------------------------ */
  --em-text-strong:    #f8fafc;   /* headings — same as hero            */
  --em-text:           #cbd5e1;   /* body — same as hero subtitle       */
  --em-text-muted:     #8fa3bd;   /* captions, references, meta         */
  --em-text-faint:     #5b708c;   /* disabled, inactive list items      */

  /* --- Accents ---------------------------------------------------------
     ONE teal only. #2dd4bf wins because the hero already uses it.
     The old #0ea5a0 is retired.                                        */
  --em-teal:           #2dd4bf;   /* you / active / primary action      */
  --em-teal-light:     #5eead4;   /* hover, glow core                   */
  --em-teal-dim:       rgba(45, 212, 191, 0.14);

  --em-blue:           #3b82f6;   /* the other person                   */
  --em-blue-light:     #7db0ff;   /* connected state                    */
  --em-blue-dim:       rgba(59, 130, 246, 0.14);

  --em-inert:          #3d5470;   /* pool, candidates, faded links      */

  /* --- Borders ---------------------------------------------------------- */
  --em-hairline:       rgba(203, 213, 225, 0.10);
  --em-hairline-strong:rgba(203, 213, 225, 0.18);

  /* --- Layout ---------------------------------------------------------- */
  --em-container:      1180px;
  --em-container-wide: 1320px;
  --em-measure:        62ch;
  --em-gutter:         clamp(1.25rem, 4vw, 2rem);

  /* --- Vertical rhythm -------------------------------------------------- */
  --em-section-y:      clamp(6rem, 11vw, 10rem);   /* 96 → 160 px        */
  --em-block-y:        clamp(2.5rem, 4vw, 4rem);
  --em-stack:          clamp(1rem, 1.6vw, 1.5rem);

  /* --- Type scale ------------------------------------------------------- */
  --em-font-display:   "DM Serif Display", Georgia, serif;
  --em-font-serif:     "DM Serif Text", Georgia, serif;
  --em-font-ui:        "Quicksand", system-ui, sans-serif;

  --em-size-statement: clamp(2rem, 4.2vw, 3.25rem);  /* Display only     */
  --em-size-h2:        clamp(1.6rem, 2.6vw, 2.35rem);/* Serif Text       */
  --em-size-h3:        clamp(1.1rem, 1.4vw, 1.3rem); /* Quicksand 600    */
  --em-size-body:      clamp(1rem, 1.05vw, 1.125rem);
  --em-size-small:     0.875rem;
  --em-size-micro:     0.75rem;                       /* references      */

  /* --- Motion ----------------------------------------------------------
     Slow and calm. Nothing under the fold moves on its own.            */
  --em-ease:           cubic-bezier(0.22, 0.61, 0.36, 1);
  --em-dur-fast:       200ms;
  --em-dur-mid:        400ms;
  --em-dur-reveal:     700ms;
  --em-stagger:        80ms;

  /* --- Radii ----------------------------------------------------------
     Matches app theme (--radius-box: 0.5rem). Deliberately restrained. */
  --em-radius:         0.5rem;
  --em-radius-sm:      0.375rem;
}

/* -------------------------------------------------------------------------
   Domain hues — desaturated for landing use.
   The app keeps its saturated originals; here they are dots, not fills.
   ------------------------------------------------------------------------- */
.em-landing {
  --em-domain-personality:   oklch(68% 0.09 237);
  --em-domain-values:        oklch(78% 0.09 92);
  --em-domain-interactions:  oklch(70% 0.08 175);
  --em-domain-emotions:      oklch(72% 0.10 311);
  --em-domain-beliefs:       oklch(64% 0.05 243);
  --em-domain-money:         oklch(66% 0.09 148);
  --em-domain-identity:      oklch(72% 0.04 98);
  --em-domain-lifestyle:     oklch(74% 0.11 132);
  --em-domain-relationships: oklch(70% 0.11 8);
  --em-domain-appearance:    oklch(71% 0.08 215);
}


/* Oprava nahuštění: U patkových nadpisů zrušíme záporný letter-spacing */
.font-serif {
  letter-spacing: 0.01em !important; /* Doplňkový prostor mezi písmeny */
  line-height: 1.15;
}