/* Design tokens of the shared header, footer and every new component (LIV-159, Floris 13 Nov 2026).
   Functional design only: the values are today's catalogue look as a stand-in. The visual design rounds change
   this file and the component styles in liv.css ("shared header" section), never the templates or the menu data.
   Component styles use these custom properties only, no colour, font, size, line, radius, spacing or shadow values. */
:root {
  /* colour */
  --t-c-ground: #f5f5f5;
  --t-c-surface: #fff;
  --t-c-ink: #222;
  --t-c-muted: #6b6b6b;
  --t-c-line: #ebebeb;
  --t-c-field-line: #b9b9b9;
  --t-c-accent: #5e7015;
  --t-c-accent-strong: #4c5b11;
  --t-c-accent-tint: #f3f6e8;
  --t-c-on-accent: #fff;
  --t-c-focus: #5e7015;
  --t-c-photo: #fff;

  /* type */
  --t-f-head: 'Rajdhani', 'Rajdhani Fallback', Arial, sans-serif;
  --t-f-text: 'Open Sans', 'Open Sans Fallback', Arial, Helvetica, sans-serif;
  --t-fs-xs: 11px;
  --t-fs-s: 13px;
  --t-fs-m: 14px;
  --t-fs-l: 16px;
  --t-fs-xl: 18px;
  --t-fw-normal: 400;
  --t-fw-strong: 600;
  --t-fw-bold: 700;
  --t-lh-tight: 1.15;
  --t-lh: 1.35;

  /* lines, radius, shadow */
  --t-line: 1px;
  --t-line-strong: 1.5px;
  --t-focus-w: 2px;
  --t-focus-gap: 2px;
  --t-r-xs: 2px;
  --t-r-s: 8px;
  --t-r-m: 12px;
  --t-r-pill: 999px;
  --t-shadow-panel: 0 12px 32px rgba(0, 0, 0, .12);

  /* spacing steps */
  --t-s-1: 4px;
  --t-s-2: 8px;
  --t-s-3: 12px;
  --t-s-4: 16px;
  --t-s-5: 24px;
  --t-s-6: 32px;

  /* sizes */
  --t-target: 44px;
  --t-icon: 20px;
  --t-icon-s: 14px;
  --t-flag-w: 20px;
  --t-flag-h: 15px;
  --t-count: 17px;
  --t-strip-h: 40px;
  --t-field-h: 32px;
  --t-main-h: 64px;
  --t-main-h-phone: 56px;
  --t-logo-h: 46px;
  --t-logo-h-phone: 38px;
  --t-search-w: 420px;
  --t-lang-w: 190px;
  --t-tile-ratio: 300 / 290;
  --t-tile-small-img: 72px;
  --t-tile-l-img: 160px;
  --t-panel-max-h: 80vh;
  --t-col-min: 220px;
  --t-ft-col-min: 170px;
  --t-z-panel: 40;
}