:root{
  /* ---- Base palette — Swing on Mars colour code (SOM-CODE-COULEUR) ---- */
  --som-brown:#663333;
  --som-brick:#993333;
  --som-red:#cc3300;
  --som-orange:#d75824;
  --som-gold:#ff9900;
  --som-teal-deep:#003333;
  --som-teal:#006666;
  --som-sage:#669999;
  --som-blue:#3399cc;

  /* ---- Base palette — poster & illustration set ---- */
  --sea-navy:#1d2c40;      /* flyer background, primary dark */
  --sea-navy-deep:#0c2f45; /* illustration outlines / darkest */
  --sky:#5d85a9;           /* flyer sky band */
  --sky-light:#97c8e0;
  --wave-blue:#2f92c1;
  --lagoon:#18857a;
  --mint:#5bb8aa;
  --sunset:#eb5c2b;
  --sun:#f2a72f;
  --mistral-gold:#e5ab01;  /* "Save the date!" script */
  --tile-red:#a42a22;
  --cocoa:#582a2b;
  --white:#ffffff;
  --sand:#f4efe6;          /* derived warm paper neutral (not in source code sheet) */
  --grey-100:#e7e3dc;
  --grey-300:#c3bfb8;
  --grey-600:#6d6a65;

  /* ---- Semantic ---- */
  --surface-page:var(--white);
  --surface-paper:var(--sand);
  --surface-card:var(--white);
  --surface-deep:var(--sea-navy);
  --surface-sky:var(--sky);
  --surface-sea:var(--lagoon);

  --text-heading:var(--sea-navy);
  --text-body:#25333f;
  --text-muted:var(--grey-600);
  --text-inverse:var(--white);
  --text-on-deep-muted:#a9bccf;

  --accent-primary:var(--mistral-gold);
  --accent-primary-hover:#c9950a;
  --accent-secondary:var(--sunset);
  --accent-secondary-hover:#d24a1c;
  --accent-cool:var(--mint);

  --link:var(--som-blue);
  --link-hover:var(--som-teal);
  --link-on-deep:var(--mint);

  --border-subtle:var(--grey-100);
  --border-strong:var(--sea-navy);
  --focus-ring:var(--mistral-gold);

  --state-success:var(--som-teal);
  --state-warning:var(--som-gold);
  --state-danger:var(--som-red);
}