/* =========================================================
   AMAX Design Tokens
   Extracted from design-mockups/bold-split.html
   ========================================================= */

:root {
  /* Brand palette */
  --blue: #003366;
  --blue-dark: #002244;
  --blue-light: #004a8c;
  --white: #ffffff;
  --off-white: #f8f9fa;
  --gray: #5a6a7a;
  --gray-light: #d0d7dd;
  --orange: #ff6b35;
  --orange-dark: #e55a2b;

  /* Spacing grid (base 8px) */
  --grid: 8px;
  --max-width: 1280px;

  /* Typography */
  --font-heading: 'Space Grotesk', 'Noto Sans SC', sans-serif;
  --font-body: 'Manrope', 'Noto Sans SC', sans-serif;

  /* Effects */
  --shadow-sm: 0 4px 8px rgba(0, 51, 102, 0.08);
  --shadow-md: 0 12px 24px rgba(0, 51, 102, 0.12);
  --shadow-lg: 0 20px 40px rgba(0, 51, 102, 0.15);
  --transition: all 0.3s ease;

  /* Navigation */
  --nav-height: 96px;
  --nav-height-mobile: 64px;

  /* Hero slideshow */
  --crossfade-duration: 3s;
  --crossfade-fade: 0.8s;

  /* Chinese typography weights */
  --font-weight-body-zh: 500;
  --font-weight-heading-zh: 900;

  /* Clip corner size for buttons/cards */
  --clip: 12px;
}