/* ==========================================================================
   Design tokens — Kvalitní podzim života
   --------------------------------------------------------------------------
   Palette taken from the designer's homepage (cream ground, gold accents).
   The bright yellow already in use on obchod.kvalitnipodzimzivota.cz is kept
   as --gold-bright so the two sites can converge without a hard cut.

   Sizing is deliberately larger than a typical site: the primary audience is
   seniors and their families. Base body text is 18px, never below 16px.
   ========================================================================== */

:root {
  /* --- Ground -------------------------------------------------------- */
  --cream: #f0ead9;
  --cream-deep: #e6dec8;      /* service-grid panel */
  --cream-soft: #f7f3e8;      /* cards on the cream ground */
  --white: #ffffff;
  --grey: #e5e5e6;            /* the hands in the logo */

  /* --- Accent -------------------------------------------------------- */
  --gold: #f7cb1f;            /* brand yellow, straight from kpz.svg */
  --gold-dark: #d4a900;       /* hover / pressed */
  --gold-bright: #f7cb1f;     /* obchod already ships this exact value */
  --gold-rule: #f7cb1f;       /* the thin horizontal section rules */
  --gold-wash: #fbf3dc;

  /* --- Ink ----------------------------------------------------------- */
  --ink: #141311;             /* brand black, from kpz.svg */
  --ink-soft: #3d3a35;
  --muted: #6d675c;
  --line: #d8d0bb;

  /* --- Status -------------------------------------------------------- */
  --ok: #1f7a3d;
  --ok-bg: #eaf7ee;
  --err: #b3261e;
  --err-bg: #fdecea;
  --warn: #8a5a00;
  --warn-bg: #fdf3d9;

  /* --- Type ---------------------------------------------------------- */
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --fs-base: 1.125rem;   /* 18px */
  --fs-sm: 1rem;         /* 16px — the floor, used only for meta text */
  --fs-lg: 1.25rem;
  --fs-h3: 1.5rem;
  --fs-h2: 2rem;
  --fs-h1: 2.75rem;

  --lh-body: 1.65;
  --lh-tight: 1.2;

  /* --- Space / shape -------------------------------------------------- */
  --maxw: 1120px;
  --gutter: 1.5rem;
  --radius: 14px;
  --radius-sm: 9px;
  --radius-pill: 999px;

  --shadow: 0 1px 2px rgba(20, 19, 17, .05), 0 8px 24px rgba(20, 19, 17, .07);
  --shadow-sm: 0 1px 2px rgba(20, 19, 17, .08);

  /* Minimum comfortable tap target. */
  --tap: 48px;
}