/* --------------------------------------------------------------------------
   Design tokens — "ember & oak"

   The photography is shot low-key on dark brick and oak boards, so the page
   is dark by design: the food is the only thing that glows. Gold comes from
   the logo mark (the two topinky), ember red from the yolk-and-meat centre.
   -------------------------------------------------------------------------- */
:root {
  /* Surfaces, darkest to lightest */
  --ink-900: #0a0908;
  --ink-850: #100e0c;
  --ink-800: #16130f;
  --ink-700: #1e1a15;
  --ink-600: #2a241d;

  /* Ink on dark */
  --cream: #f5efe4;
  --cream-dim: #bcb2a3;
  --cream-mute: #8d8375;

  /* Brand — sampled from the restaurant's own logo */
  --gold: #ca9e01;
  --gold-lift: #e9bb27;
  --gold-deep: #8f6f00;
  --ember: #c8280f;
  --yolk: #ffe71b;

  --line: rgba(245, 239, 228, 0.12);
  --line-strong: rgba(245, 239, 228, 0.22);
  --shadow-lift: 0 24px 60px -28px rgba(0, 0, 0, 0.9);

  --serif: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;

  /* Type scale */
  --t-display: clamp(2.85rem, 1.7rem + 5vw, 5.6rem);
  --t-h2: clamp(2.1rem, 1.3rem + 3.4vw, 4.1rem);
  --t-h3: clamp(1.35rem, 1.1rem + 1.1vw, 1.85rem);
  --t-lede: clamp(1.02rem, 0.96rem + 0.4vw, 1.22rem);
  --t-body: 1rem;
  --t-small: 0.875rem;
  --t-label: 0.72rem;

  /* Rhythm */
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --shell: 76rem;
  --section-y: clamp(4.5rem, 9vw, 8.5rem);

  /* Motion — one easing, three durations, used everywhere */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --fast: 140ms;
  --base: 320ms;
  --slow: 700ms;

  color-scheme: dark;
}

/* Text sizes that step down on a phone (editor presets "Gramáž" and "Hodnocení"). */
:root {
  --wp1-fs-weight: 1.05rem;
  --wp1-fs-claim: 0.92rem;
}

@media (max-width: 40rem) {
  :root {
    --wp1-fs-weight: 0.98rem;
    --wp1-fs-claim: 0.86rem;
  }
}