/* House style of munttheater.nl. The site sets its type in Apex New, a licensed face;
   Fira Sans is the closest free one. Only tokens change here, plus the header and button. */

:root[data-theater="munttheater"] {
  --brand: oklch(0.782 0.16 78.5);
  --on-brand: oklch(0.262 0.05 220);
  --forest: oklch(0.375 0.062 220.5);
  --mint: oklch(0.71 0.09 78);
  --ink: oklch(0.32 0.014 266);
  --page: oklch(0.955 0.004 220);

  --radius: 0.25rem;

  --font-body: "Fira Sans", system-ui, sans-serif;
  --font-display: "Fira Sans Condensed", "Fira Sans", system-ui, sans-serif;

  .logo { inline-size: clamp(4.5rem, 3.5rem + 5vw, 6rem); }

  .intro-title { line-height: 1.05; }

  .question-title { font-size: calc(1.08 * var(--step-1)); }

  .button {
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
}