/* Maison Vernis design tokens. Contrast ratios (WCAG 2.1) are measured, see tokens.json. */
@font-face { font-family: "Bodoni Moda"; src: url("../fonts/bodoni-moda.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Bodoni Moda"; src: url("../fonts/bodoni-moda-italic.woff2") format("woff2"); font-weight: 400 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("../fonts/instrument-sans.woff2") format("woff2"); font-weight: 400 600; font-style: normal; font-display: swap; }

:root {
  /* colour */
  --lacquer: #7A2630;        /* main accent: headings, slats, buttons, footer. 8.33:1 on porcelain */
  --lacquer-deep: #5A1820;   /* pressed states, deep shadows */
  --lacquer-gloss: #A5434C;  /* the sheen on slats and buttons (decorative) */
  --porcelain: #F2ECE4;      /* section surface (the reference's cream role) */
  --bisque: #E3D3C3;         /* testimonial cards, quiet panels. lacquer on bisque 6.69:1 */
  --champagne: #C4A57A;      /* hairlines, ornaments, decorative only (1.99:1, never text) */
  --white: #FFFDFA;          /* text on images and on lacquer (9.63:1) */
  --ink: #2E1B1E;            /* long-form body when needed (13.85:1) */
  --muted: #8A5A5E;          /* captions (4.83:1 on porcelain) */
  --focus: #1F5F8B;
  --rib-hi: color-mix(in srgb, var(--lacquer), #fff 12%);
  --rib-lo: color-mix(in srgb, var(--lacquer), #000 12%);

  /* type */
  --font-display: "Bodoni Moda", "Didot", "Times New Roman", serif;
  --font-body: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --fs-h1: clamp(3rem, 6.25vw, 5.625rem);      /* 90px at 1440 */
  --fs-h2: clamp(2.375rem, 4.5vw, 4.0625rem);  /* 65px at 1440 */
  --fs-h3: clamp(1.25rem, 1.75vw, 1.5625rem);  /* 25px at 1440 */
  --fs-body: 0.9375rem;                         /* 15px */
  --fs-ui: 1rem;
  --lh-display: 1.09;
  --track-display: -0.004em;

  /* layout */
  --max: 1200px;
  --gutter: 120px;
  --radius-card: 22px;
  --radius-pill: 999px;

  /* motion: the reference's power2.out reveals and 0.3/0.65 s hovers */
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);   /* power2.out */
  --ease-soft: cubic-bezier(0.25, 0.46, 0.45, 0.94);  /* power1.out */
  --ease-menu: cubic-bezier(0.58, 0.3, 0.005, 1);
  --dur-fast: 0.3s;
  --dur-slow: 0.65s;
  --dur-nav: 0.75s;
}
@media (max-width: 1024px) { :root { --gutter: 48px; } }
@media (max-width: 767px) { :root { --gutter: 22px; --radius-card: 18px; } }

/* the shade picker (booking page) re-lacquers the whole house; every shade keeps >= 6:1 on porcelain */
html[data-shade="prune"] { --lacquer: #4E2441; --lacquer-deep: #36172C; --lacquer-gloss: #7A4569; }
html[data-shade="sapin"] { --lacquer: #1F4A3A; --lacquer-deep: #133127; --lacquer-gloss: #3E6E5B; }
html[data-shade="noir"]  { --lacquer: #2B2326; --lacquer-deep: #1A1416; --lacquer-gloss: #4F4347; }
html[data-shade="rose"]  { --lacquer: #8C3A4B; --lacquer-deep: #6B2636; --lacquer-gloss: #B4637A; }