/* La Sala Group Christmas: simple and seasonal. Snow white by day turning to night as you scroll (photos in the config),
   Christmas red for actions, Josefin Sans for titles and labels (as in the brochure), system font for reading.
   Flat colours (the only fade is the daytime photo melting into the page). Each venue's colours come from its `look` in the config. */
:root {
  color-scheme: only light;
  --bg: #fbf9f4;
  --surface: #ffffff;
  --surface-2: #f5f1e8;
  --line: #e7e0d3;
  --line-2: #d6ccba;
  --text: #13213a;
  --muted: #5b6272;
  /* white and gold (Nicolas: no red). The gold is the La Sala brand gold #c1ab8a (brand kit; hover #d5c2a4) with the
     brand near-black on it (6.1:1). Text that must stand out on white (prices) is navy: gold text on white is too faint. */
  --accent: #c1ab8a;
  --accent-hover: #d5c2a4;
  --on-accent: #2e2e2e;
  --accent-ink: #0b1d36;
  --danger: #b3262d;
  --font-display: 'Josefin Sans', var(--font);
  --font-label: 'Josefin Sans', var(--font);
  /* the brochure cover's "This Christmas" lettering */
  --font-cover: 'Gilda Display', Georgia, serif;
  /* the title follows the sky: the cover's navy on the bright day photo, the cover's gold once it turns to night */
  --cover-day: #0b1d36;
  --cover-night: #c1ab8a;
  --radius: 6px;
  /* the cover */
  --navy: #03182f;
  --navy-2: #0b2440;
  --gold: #c1ab8a;
  --gold-ink: #8a6a2f;
  --on-navy: #f5efe3;
  --on-navy-muted: #b9c0cc;
  --date-icon-filter: none;
  /* plain text everywhere (forms, notes, buttons, prices) in Poppins Medium, not the device's system font */
  --font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --w-text: 500;
  /* buttons and tabs: softly squared, not pills */
  --radius-pill: 8px;
  /* calendar stars in brand gold: the deeper gold on light doors and pages, the light gold on the dark coloured doors */
  --star: #a48b65;
  --star-on-ev: #d5c2a4;
}

/* Samsung Internet ignores color-scheme and darkens light pages itself, unless the page has its own
   prefers-color-scheme: dark styles. This block is that signal: in dark mode the page stays exactly as it is. */
@media (prefers-color-scheme: dark) {
  :root { color-scheme: only light; }
}