/* HG Gongs — design tokens */

:root {
  --brand: #004b5e;
  --brand-dark: #002a36;
  --brand-mid: #0a7a94;
  --brand-light: #2eb8d4;
  --brand-glow: #8ee4f7;
  --slate: #3d4548;
  --ink: #0f1719;
  --muted: #5f7178;
  --line: #d0e4ea;
  --surface: #f4fafc;
  --white: #ffffff;

  --grad-hero: linear-gradient(128deg, #002a36 0%, #004b5e 42%, #0a7a94 100%);
  --grad-accent: linear-gradient(90deg, var(--brand-light), var(--brand-glow));
  --grad-card: linear-gradient(145deg, rgba(0, 75, 94, 0.08), rgba(46, 184, 212, 0.06));

  --font-display: 'Syne', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --radius: 16px;
  --radius-sm: 10px;
  --nav-h: 76px;
  --wrap: min(1280px, calc(100% - 48px));
  --shadow: 0 20px 50px rgba(0, 42, 54, 0.12);
  --shadow-lg: 0 32px 80px rgba(0, 42, 54, 0.18);
}

@media (max-width: 768px) {
  :root {
    --wrap: min(1280px, calc(100% - 32px));
    --nav-h: 68px;
  }
}

@media (max-width: 480px) {
  :root {
    --wrap: min(1280px, calc(100% - 24px));
  }
}