:root{
  --container: 9999px;

  --bg: #ffffff;
  --text: #111111;
  --muted: #777777;
  --line: #e9e9e9;

  --primary: #111111;
  --secondary: #2b2b2b;
  --accent: #d04848;

  --heroOverlay: rgba(0,0,0,0.45);
  --cardOverlay: rgba(0,0,0,0.35);

  --radius: 10px;
  --gap: 14px;

  --shadow: 0 10px 25px rgba(0,0,0,0.18);

  --headerH: 82px;

  --heroVH: 78vh;
  --heroMinH: 520px;

  --brandCardH: 400px;
  --tileH: 400px;

  --waSize: 56px;

  --fontPrimary: "Poppins", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  --fontSecondary: "Montserrat", system-ui, -apple-system, Segoe UI, Arial, sans-serif;

  --fs-base: 0px;
  --fs-lg: 0px;
  --fs-xl: 0px;
  --fs-xxl: 0px;
  --fs-sm: 0px;
  --fs-xs: 0px;
  --fs-icon: 0px;
}

/* Baseline resets */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--fontPrimary);color:var(--text);background:var(--bg)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}

/* Accessibility */
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto !important;transition:none !important;animation:none !important}
}

/* Custom pixel-perfect overrides from config.php */
/* Add tiny pixel-perfect overrides here (optional) */
/* Example:
.hero-content h1 { letter-spacing: .15px; }
*/