/* BBMc design tokens — single source of truth (bbmc-brand.md) */
:root {
  /* grounds */
  --petrol: #3C5768;
  --navy: #1C3547;
  --ink: #132636;
  --ink-deep: #0C1A26;
  /* accent — ONE per view */
  --sky: #5E9AC8;
  --steel: #A9C4DE;
  --pale: #E9F1F7;
  --text-2: #AEBFCB;
  /* mosaic accents, particles + hairlines only */
  --gold: #C99A3E;
  --teal: #2C7A6B;

  --font-sans: "Poppins", "Montserrat", "Century Gothic", system-ui, sans-serif;
  --font-mono: "Space Mono", ui-monospace, "SFMono-Regular", Consolas, "Courier New", monospace;
  --mono: var(--font-mono);
  --font: var(--font-sans); /* alias for ported alethia rules */
  --w-light: 300;
  --w-regular: 400;
  --w-accent: 600;

  --track-tight: -0.02em;
  --track-label: 0.16em;

  --step-hero: clamp(2.05rem, 3.8vw, 3.4rem);
  --step-h2: clamp(1.7rem, 4.2vw, 3.1rem);
  --step-h3: clamp(1.15rem, 2vw, 1.45rem);
  --step-body: clamp(1rem, 1.15vw, 1.125rem);
  --step-label: 0.75rem;

  --space-section: clamp(5rem, 12vh, 9rem);
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --max-w: 1400px;

  --radius: 14px;
  --hairline: 1px solid rgba(169, 196, 222, 0.16);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 0.7s;
}