/* Maison d'Orti · design tokens (same system as Le Relais d'Orti v2, after Ref Ballena)
   Cream + ink, with three colours from the house itself for the split blocks:
   larch (the wooden facades), pond (the pond and meadows), terrazzo (the bathrooms). */

:root {
  /* ---------- primitive ---------- */
  --c-cream: #f6f1e6;
  --c-cream-2: #ece5d6;
  --c-ink: #0d130f;
  --c-clay: #94552b;      /* mélèze · larch facades, cream text 5.2:1 */
  --c-sage: #8e9e78;      /* étang · pond and meadows, ink text 6.6:1 */
  --c-river: #d9a58a;     /* terrazzo · bathrooms, ink text 8.7:1 */
  --c-sand: #d6d0c3;
  --c-muted: #5e625b;
  --c-logo: #4d9155;

  --f-display: "Lexend Exa", "Helvetica Neue", Arial, sans-serif;
  --f-body: "Figtree", "Helvetica Neue", Arial, sans-serif;

  /* type scale: values at 1728px wide (Ballena em system), fluid down */
  --fs-h1: clamp(2.1rem, 4.75vw, 5.125rem);
  --fs-h2-xl: clamp(1.75rem, 3.7vw, 4rem);
  --fs-h2: clamp(1.6rem, 2.9vw, 3rem);
  --fs-h3: clamp(1.15rem, 1.4vw, 1.5rem);
  --fs-body: clamp(1.02rem, 1.05vw, 1.125rem);
  --fs-small: .9375rem;
  --fs-eyebrow: clamp(.75rem, .8vw, .875rem);
  --lh-display: .95;
  --tr-display: .025em;
  --tr-eyebrow: .045em;

  --gutter: clamp(1rem, 1.6vw, 1.75rem);
  --pad-block: clamp(4.5rem, 9vw, 9rem);
  --radius: .375rem;
  --ease: cubic-bezier(.215, .61, .355, 1);
  --ease-io: cubic-bezier(.645, .045, .355, 1);

  /* ---------- semantic ---------- */
  --bg: var(--c-cream);
  --text: var(--c-ink);
  --text-soft: var(--c-muted);
  --line: rgba(13, 19, 15, .16);
  --line-light: rgba(246, 241, 230, .28);
  --focus: var(--c-clay);

  /* aliases used by the booking panel (reserve.css) */
  --c-sapin: var(--c-ink);
  --c-brume: var(--c-cream);
  --c-blanc: #fffdf8;
  --c-brume-2: var(--c-cream-2);
  --c-feuille-d: #3e5a45;
  --c-ocre: var(--c-clay);
  --accent-text: #3e5a45;
  --fs-label: .78rem;
  --panel-w: min(560px, 100vw);

  /* ---------- component ---------- */
  --header-h: 3.75rem;
  --header-bg: rgba(13, 19, 15, .22);
  --header-bg-solid: rgba(246, 241, 230, .78);
  --card-ratio: 4 / 5;
}