/* MABUHAY Relaunch — Design Tokens (Phase 6, gelockt 2026-08-27) */
:root{
  /* COLOR — Flyer-Vektoren */
  --field: #faf3e8;
  --ink: #173158;
  --field-night: #173158;
  --night-deep: #0e2140;
  --text-night: #faf3e8;
  --muted: #5c6b85;
  --gold: #e0af4c;
  --red: #ca2027;
  --brand-blue: #004aad;

  /* TYPE — self-hosted */
  --font-display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;
  --font-body: "Hanken Grotesk", system-ui, -apple-system, sans-serif;

  /* SCALE */
  --step-display: clamp(2.6rem, 7vw, 6rem);
  --step-h2: clamp(1.85rem, 3.6vw, 3rem);
  --step-h3: clamp(1.2rem, 1.8vw, 1.5rem);
  --step-label: 0.8125rem;
  --step-body: 1.0625rem;

  /* SPACING / LAYOUT */
  --space-section: clamp(4.5rem, 10vw, 8.5rem);
  --container: 72rem;
  --container-wide: 82rem;
  --radius: 14px;

  /* MOTION (Phase 7) */
  --ease-ui: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-move: cubic-bezier(0.77, 0, 0.175, 1);
  --dur-press: 120ms;
  --dur-ui: 200ms;
  --dur-card: 220ms;
}