:root{
  /* Navy — the brand's dominant surface. Sampled from the story artwork. */
  --navy-950:#050b21;
  --navy-900:#0a1030;
  --navy-850:#101a44;
  --navy-800:#16205a;
  --navy-700:#1e2660;
  --navy-600:#252f74;
  --navy-500:#2b3672;
  --navy-300:#6a7db9;
  --navy-200:#8fa3d8;

  /* Gold — the only accent hue. Used for time chips, rules, icon strokes. */
  --gold-100:#f3e4c2;
  --gold-200:#e9d5a5;
  --gold-300:#e3c68b;
  --gold-400:#d4b478;
  --gold-500:#c5a56f;
  --gold-600:#a8823c;
  --gold-700:#8a6a2e;

  /* Neutrals */
  --white:#ffffff;
  --marble-50:#fbfdfe;
  --marble-100:#f5f5f5;
  --marble-200:#e8e8ea;
  --grey-400:#a7abb8;
  --grey-500:#8a8f9e;
  --grey-700:#4a4f60;

  /* Incidental, from photography only (communion wine). Not a UI colour. */
  --wine-700:#5e2318;

  /* Gradients lifted from the artwork */
  --gradient-gold:linear-gradient(160deg,#efdcb0 0%,#dcbc7e 38%,#c09a52 100%); /* @kind color */
  --gradient-gold-rule:linear-gradient(90deg,#8a6a2e 0%,#e3c68b 50%,#8a6a2e 100%); /* @kind color */
  --gradient-navy-vignette:radial-gradient(120% 85% at 50% 22%,#1e2660 0%,#0c1330 55%,#050b21 100%); /* @kind color */
  --gradient-navy-panel:linear-gradient(180deg,#1e2660 0%,#101a44 100%); /* @kind color */
  --gradient-protect-bottom:linear-gradient(180deg,rgba(5,11,33,0) 0%,rgba(5,11,33,.72) 60%,rgba(5,11,33,.94) 100%); /* @kind color */
  --gradient-protect-top:linear-gradient(0deg,rgba(5,11,33,0) 0%,rgba(5,11,33,.8) 100%); /* @kind color */
}