/* House style of direct-control.nl: near-black band, bronze mark and buttons, cream page,
   Inter. Colours from the site's tokens (brand-dark, brand-bronze, brand-cream, brand-sage).
   Only tokens change here, plus the logo, which is a mark with the name set beside it. */

:root[data-theater="directcontrol"] {
  --brand: oklch(0.535 0.063 51.9);
  --forest: oklch(0.218 0 none);
  --mint: oklch(0.661 0.041 179.4);
  --ink: oklch(0.218 0 none);
  --ink-soft: oklch(0.44 0.012 60);
  --page: oklch(0.958 0.009 67.7);
  --line: oklch(0.88 0.012 67.7);

  --font-body: Inter, system-ui, sans-serif;

  .logo {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    inline-size: auto;
    text-decoration: none;
  }

  .logo img { block-size: 1.75rem; inline-size: auto; }

  .logo-wordmark {
    font-size: var(--step-1);
    font-weight: 600;
    letter-spacing: -0.01em;
  }

  .intro-title { letter-spacing: -0.02em; }

  /* The label holds one long word (klanttevredenheidsonderzoek): on a phone it wraps at its
     soft hyphen, so the button is a rounded block, not a pill. */
  .button-follow {
    padding-inline: 1.25em;
    border-radius: var(--radius);
  }
}