/* Breinfijn LP Kalmeer je Zenuwstelsel
   Tokens gemeten uit de computed styles van breinfijn.nl/kalmeerzenuwstelsel.
   Onderbouwing: branding-design-summary.md */

:root {
  /* Kleur */
  --bf-bg: #fcfcfc;
  --bf-surface: #ffffff;
  --bf-soft: #eef2f5;
  --bf-mist: #ecfeff;
  --bf-warm: #ffeed4;

  --bf-text: #292929;
  --bf-text-muted: #5b5b66;
  --bf-heading: #1b1650;
  --bf-deep: #2b2689;

  --bf-cta: #4536f5;
  --bf-cta-hover: #3b29d9;
  --bf-mark: #9031cf;
  --bf-line: #e2e5ea;

  /* Sterren. De oorspronkelijke waarde #e9a33a haalde 2,15:1 op wit en zakte daarmee onder de
     3:1 die WCAG 1.4.11 vraagt voor grafiek die informatie draagt. Deze tint haalt 3,70:1 op wit,
     3,60:1 op de paginagrond, 3,28:1 op soft en 3,24:1 op warm, dus overal ruim genoeg. */
  --bf-star: #b8770a;

  /* Typografie */
  --bf-font: "Quicksand", Helvetica, Arial, sans-serif;

  --bf-h1: clamp(1.9rem, 6vw, 3rem);
  --bf-h2: clamp(1.5rem, 4.2vw, 2.1rem);
  --bf-h3: 1.15rem;
  --bf-lead: 1.1875rem;
  --bf-body: 1.125rem;
  --bf-small: 1rem;
  --bf-label: 0.8125rem;

  /* Ruimte, 8-punts schaal */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px; --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px;
  --bf-section-y: clamp(40px, 7.5vw, 80px);

  /* Vorm. Twee rechthoekradii voor vlakken, plus pil en cirkel als vormprimitieven
     voor het label en het portret in blok 4. Zie decision 13. */
  --bf-radius: 12px;
  --bf-radius-card: 10px;
  --bf-radius-pill: 100px;
  --bf-radius-round: 50%;

  /* Beweging */
  --bf-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --bf-duration: 200ms;
  --bf-duration-slow: 500ms;

  /* Maat */
  --bf-measure: 62ch;
  --bf-container: 1080px;
  --bf-container-text: 680px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --bf-duration: 0.01ms;
    --bf-duration-slow: 0.01ms;
  }
}