/* ==========================================================================
   MASSTREK — Design Tokens
   ========================================================================== */

:root {
  /* Brand colors */
  --color-navy: #0B2140;
  --color-gold-1: #D3A45A;
  --color-gold-2: #BB893F;
  --color-gold-3: #A5762F;
  --color-white: #FFFFFF;
  --color-body-copy: #FFFFFFC7;
  --color-dark-bg: #02142B;

  /* Gradients */
  --gradient-contact-btn: linear-gradient(163.86deg, #D3A45A 7.98%, #BB893F 58.4%, #A5762F 92.02%);
  --gradient-cta-btn: linear-gradient(135deg, #D3A45A 0%, #BB893F 55%, #A5762F 100%);
  --gradient-strapline: linear-gradient(100deg, #FFFFFF 6.17%, #FFFFFF 42.99%, #D3A45A 74.54%, #FFFFFF 93.83%);

  /* Fonts */
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Poppins', sans-serif;

  /* Type scale */
  --fs-menu: 14.5px;
  --fs-hero-head: clamp(2.75rem, 6vw, 90px);
  --fs-strapline: clamp(1.25rem, 2.4vw, 26px);
  --fs-content: 18px;

  /* Layout */
  --container-width: 1280px;
  --header-height: 88px;
  --radius-pill: 999px;
  --radius-md: 12px;

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.2s var(--ease-standard);
}