/* ==========================================================================
   NEXTEC Manufacturing Solutions — Brand Design Tokens
   Source: NEXTEC_Manufacturing_Solutions_Website_Requirements.md, Section 2
   ========================================================================== */

:root {
  /* Brand colors (from logo) */
  --color-navy: #07324A;
  --color-navy-dark: #052537;
  --color-navy-light: #0E4B6B;
  --color-orange: #F15A29;
  --color-orange-dark: #D6491E;
  --color-white: #FFFFFF;
  --color-bg-light: #F5F7F9;
  --color-text-dark: #1F2933;
  --color-text-muted: #5A6672;
  --color-border: #E2E8ED;

  /* Typography */
  --font-heading: "Poppins", "Segoe UI", Arial, sans-serif;
  --font-body: "Inter", "Segoe UI", Arial, sans-serif;

  --fs-h1: clamp(2rem, 4vw + 1rem, 3.5rem);
  --fs-h2: clamp(1.6rem, 2.5vw + 1rem, 2.5rem);
  --fs-h3: clamp(1.25rem, 1.5vw + 1rem, 1.75rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  /* Spacing scale */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* Layout */
  --container-max: 1320px;
  --container-pad: 1.25rem;
  --header-height: 84px;
  --header-height-scrolled: 68px;

  /* Effects */
  --radius-sm: 6px;
  --radius-md: 10px;
  --shadow-sm: 0 2px 8px rgba(7, 50, 74, 0.08);
  --shadow-md: 0 10px 30px rgba(7, 50, 74, 0.12);
  --transition-fast: 0.2s ease;
  --transition-base: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}