/* Syrtaki — „Kalk & Ägäis"
   Farben aus dem Restaurant selbst: Kalkweiß der Wände, das Blau der
   Wandbilder und der Wortmarke, Terrakotta als warmer Gegenpol. */
:root {
  /* Flächen */
  --lime: #faf7f1;        /* Kalkweiß, Grundfläche */
  --lime-2: #f2ebdf;      /* Sand, zweite helle Fläche */
  --white: #ffffff;
  --aegean: #123f66;      /* tiefes Ägäisblau, dunkle Bühne */
  --aegean-2: #0d2f4d;    /* noch dunkler, Footer */
  --aegean-soft: #dce9f2; /* helle Blauwäsche */
  --terracotta: #c2603a;
  --terracotta-deep: #a44e2c;
  --olive: #6f7f4e;

  /* Schrift */
  --ink: #23262a;
  --ink-soft: #5d6169;
  --lime-on-dark: #f4efe6;
  --lime-on-dark-soft: rgba(244, 239, 230, 0.72);

  /* Linien */
  --line: rgba(35, 38, 42, 0.14);
  --line-strong: rgba(35, 38, 42, 0.3);
  --line-dark: rgba(244, 239, 230, 0.18);

  /* Typografie */
  --display: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --sans: "Jost", "Avenir Next", "Helvetica Neue", sans-serif;
  --text-base: clamp(1rem, 0.95rem + 0.28vw, 1.12rem);
  --text-sm: 0.9rem;
  --text-eyebrow: clamp(0.68rem, 0.64rem + 0.2vw, 0.76rem);
  --text-h1: clamp(2.7rem, 1.4rem + 5.4vw, 6.5rem);
  --text-h2: clamp(2.1rem, 1.4rem + 2.8vw, 3.9rem);
  --text-h3: clamp(1.35rem, 1.15rem + 0.8vw, 1.8rem);
  --text-stat: clamp(2.8rem, 2rem + 3.6vw, 5rem);

  /* Rhythmus */
  --space-section: clamp(4.5rem, 3rem + 5.5vw, 9rem);
  --space-block: clamp(2rem, 1.5rem + 2vw, 3.4rem);
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --radius: 4px;          /* fast eckig — die Rundung macht das Bogenmotiv */
  --radius-arch: 46% 46% 4px 4px / 26% 26% 4px 4px;  /* flacher Rundbogen wie die Fensterbögen */
  --radius-pill: 999px;

  /* Motion */
  --duration-fast: 160ms;
  --duration-normal: 340ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}