:root {
  /* Colors */
  --gw-navy: #071A3A;
  --gw-navy-light: #0E2A56;
  --gw-blue: #0878D1;
  --gw-blue-dark: #06619F;
  --gw-white: #FFFFFF;
  --gw-surface: #F5F8FC;
  --gw-muted: #526274;
  --gw-border: #E1E8F1;

  /* Type */
  --gw-font: 'Manrope', sans-serif;

  /* Spacing */
  --gw-sp-xs: 8px;
  --gw-sp-sm: 16px;
  --gw-sp-md: 20px;
  --gw-sp-lg: 48px;
  --gw-sp-xl: 96px;

  /* Radius */
  --gw-r-sm: 6px;
  --gw-r-md: 14px;
  --gw-r-btn: 8px;

  /* Layout */
  --gw-container: 1280px;

  /* Shadow (tinted navy, never pure black) */
  --gw-shadow: 0 20px 60px -20px rgba(7, 26, 58, 0.25);
  --gw-shadow-sm: 0 8px 24px -12px rgba(7, 26, 58, 0.18);
}