/* The Living Wall: shared tokens.
   A riad at night: indigo walls, lantern gold, white paper, Majorelle blue. */
:root {
  --ink: #14123a;        /* the wall at night */
  --ink-2: #1f1c52;      /* raised surfaces on the wall */
  --ink-3: #2c2870;      /* hover / lines on the wall */
  --majorelle: #6050dc;  /* glow, focus */
  --gold: #e9b949;       /* lantern gold: the one action colour */
  --gold-deep: #c8962a;
  --paper: #ffffff;
  --mist: #c9c6e8;       /* secondary text on the wall */
  --graphite: #2a2840;   /* text on paper */
  --rose: #e5566b;       /* errors */

  --display: "Gloock", "Iowan Old Style", Georgia, serif;
  --hand: "Nanum Pen Script", "Bradley Hand", "Segoe Print", cursive;
  --ui: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;

  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  background: var(--ink);
  color: var(--paper);
  font-family: var(--ui);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
img, video, canvas { display: block; }
button, input { font: inherit; color: inherit; }
button { cursor: pointer; }
[hidden] { display: none !important; }

:focus-visible { outline: 3px solid var(--majorelle); outline-offset: 3px; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5em;
  min-height: 52px; padding: 0 1.4em; border-radius: 999px;
  border: 2px solid var(--ink-3); background: transparent; color: var(--paper);
  font-weight: 500; font-size: 1.05rem; text-decoration: none; white-space: nowrap;
}
.btn-primary { background: var(--gold); border-color: var(--gold); color: var(--ink); font-weight: 700; }
.btn-primary:active { background: var(--gold-deep); border-color: var(--gold-deep); }
.btn:disabled { opacity: .35; cursor: default; }

.hand { font-family: var(--hand); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}