/* Design tokens — BIA official brand colours, from BIA Brand Guidelines (2024). */
:root {
  /* Colour — BIA brand palette */
  --navy: #1D1A55;       /* BIA Deep Purple (logo colour) */
  --navy-700: #14123d;
  --accent: #F89B2F;     /* BIA Orange — primary CTA */
  --accent-ink: #7a4710;
  --accent-blue: #00AEEF; /* BIA Vibrant Blue — links, chips, icons */
  --ink: #17163a;
  --muted: #5B6578;
  --bg: #FFFFFF;
  --bg-soft: #F6F8FB;
  --line: #E3E8EF;
  --success: #1E8E5A;
  --danger: #ED1C24;     /* BIA Vibrant Red */
  --white: #FFFFFF;

  /* Radius */
  --radius-card: 18px;
  --radius-pill: 999px;
  --radius-sm: 12px;

  /* Gradients */
  --gradient-navy: linear-gradient(135deg, #1D1A55 0%, #2b2680 55%, #171443 100%);
  --gradient-accent: linear-gradient(135deg, #F89B2F 0%, #ffb65c 100%);
  --gradient-blue: linear-gradient(135deg, #00AEEF 0%, #4fc9ff 100%);

  /* Subtle film-grain texture, layered under dark gradients for depth */
  --noise-overlay: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");

  /* Spacing (8px grid) */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;

  /* Layout */
  --max-width: 1200px;
  --section-pad-desktop: 80px;
  --section-pad-mobile: 48px;

  /* Type — BIA's brand typeface (Myriad Pro / DIN) is not a licensed web font;
     Inter is used as the closest open-source substitute (same grotesque-sans
     proportions). Swap this stack if BIA licenses Myriad Pro/DIN for web use. */
  --font-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --h1-size: clamp(2.75rem, 6.5vw, 4.5rem);
  --h2-size: clamp(2rem, 4.2vw, 3rem);
  --h3-size: clamp(1.25rem, 2.5vw, 1.75rem);
  --body-size: 1rem;

  /* Shadow */
  --shadow-card: 0 4px 16px rgba(29, 26, 85, 0.07);
  --shadow-card-hover: 0 16px 40px rgba(29, 26, 85, 0.14);
  --shadow-glow-accent: 0 10px 30px rgba(248, 155, 47, 0.35);

  /* Motion */
  --transition-fast: 150ms ease;
  --transition-base: 220ms ease;
}