:root {
  /* Fonts */
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans";
  --font-heading: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans";
  
  /* Colors */
  --color-bg: #F6F7F9;
  --color-surface: #FFFFFF;
  --color-text: #111827;
  --color-text-muted: #4B5563;
  --color-border: rgba(17, 24, 39, 0.12);

  /* Brand */
  --color-brand: #E06A2A;
  --color-brand-hover: #C85B23;

  /* Typography */
  --text-base: 16px;
  --text-h1: clamp(2rem, 3vw + 1rem, 3.2rem);
  --text-h2: clamp(1.35rem, 1.2vw + 1rem, 2rem);

  /* Radius */
  --radius-sm: 12px;
  --radius-md: 18px;

  /* Shadow */
  --shadow-sm: 0 10px 28px rgba(17, 24, 39, 0.10);
  --shadow-md: 0 14px 40px rgba(17, 24, 39, 0.12);

  /* Motion */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur: 220ms;

  /* Layout */
  --container: 1160px;
  --section-pad: clamp(3rem, 6vw, 5rem);

  /* Glass navbar */
  --nav-glass-bg: rgba(246, 247, 249, 0.72);
  --nav-blur: 14px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0ms; }
}