/* Brusoflow — de rail. Gedeelde ontwerptokens. */
:root {
  --sand: #FAF7F2;
  --clay: #F1EBE4;
  --chapter-padding: 112px;
  --flow-dark-line: rgba(228,238,255,.5);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 96px;
  --max-width: 1180px;
  --gutter: 24px;
  --measure: 640px;
  --dur-fast: 150ms;
  --dur-base: 250ms;
  --ease-spring: cubic-bezier(0.34, 1.3, 0.64, 1);
  --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
  --touch-min: 44px;
  --ground: #FAFBFD;
  --surface: #FFFFFF;
  --tint: #E4EEFF;
  --ink: #17181C;
  --body-c: #2A2C33;
  --muted: #5A6472;
  --line: #D9E0EA;
  --primary: #0066FF;
  --primary-hover: #0052D6;
  --on-primary: #FFFFFF;
  --link: #0066FF;
  --proof: #FF5A1F;
  --proofbar-bg: #17181C;
  --proofbar-ink: #FFFFFF;
  --proofbar-accent: var(--proof);
  --dark-bg: #17181C;
  --dark-ink: #FFFFFF;
  --dark-muted: #A8B2C2;
  --dark-accent: var(--proof);
  --focus: #0066FF;
  --font-display: var(--font-body);
  --font-body: "Barlow", "Helvetica Neue", Arial, sans-serif;
  --display-weight: 600;
  --display-case: none;
  --display-tracking: -.035em;
  --h1-size: clamp(2.6rem, 4.4vw, 3.9rem);
  --h1-line: 1.08;
  --h2-size: clamp(1.9rem, 3.2vw, 2.75rem);
  --h2-line: 1.14;
  --radius-btn: 999px;
  --radius-card: 20px;
  --radius-badge: 999px;
  --radius-photo: 20px;
  --shadow-btn: 0 4px 10px rgba(0,102,255,.14);
  --shadow-card: 0 1px 2px rgba(23,24,28,.04), 0 8px 24px rgba(23,24,28,.05);
  --shadow-card-hover: var(--shadow-card);
  --btn-case: none;
  --btn-weight: 600;
  --btn-tracking: 0;
  --label-tracking: 0.14em;
  --rule-weight: 1px;
  --nav-top: 24px;
  --nav-height: 56px;
  --nav-radius: 44px;
  --nav-offset: 96px;
  --radius-menu-card: 20px;
  --glass-bg: rgba(247, 249, 253, 0.82);
  --glass-border: rgba(23, 24, 28, 0.08);
  --glass-shadow: 0 1px 2px rgba(23, 24, 28, 0.06),
                  0 10px 30px rgba(0, 102, 255, 0.10),
                  inset 0 1px 0 rgba(255, 255, 255, 0.65);
  --glass-filter: saturate(1.4) blur(14px);
  --font-label: "Barlow Condensed", sans-serif;
  --radius-inner: 12px;
  --rail-color: rgba(0,102,255,.28);
  --card-padding: 28px;
  --section-padding: 96px;
}

:root { --slate: #1A2233; }