/**
 * AARAF Builders — Design tokens
 * Architectural premium palette: warm whites, charcoal, restrained AARAF red
 */
:root {
  --ab-red: #a61e2e;
  --ab-red-dark: #8b1826;
  --ab-red-soft: rgba(166, 30, 46, 0.08);
  --ab-red-border: rgba(166, 30, 46, 0.22);
  --ab-white: #fdfcfb;
  --ab-surface: #ffffff;
  --ab-stone: #f4f1ec;
  --ab-stone-2: #ebe6df;
  --ab-concrete: #d8d2c8;
  --ab-ink: #1a1a1a;
  --ab-charcoal: #2c2c2c;
  --ab-text: #3a3a3a;
  --ab-muted: #6b6560;
  --ab-muted-light: #8a847c;
  --ab-border: #e5e0d8;
  --ab-border-strong: #cfc8be;
  --ab-success: #1f6b45;
  --ab-warning: #9a6b1a;
  --ab-error: #b42318;
  --ab-font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ab-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --ab-fs-body: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --ab-fs-small: clamp(0.875rem, 0.85rem + 0.1vw, 0.9375rem);
  --ab-fs-lead: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --ab-fs-h1: clamp(2.25rem, 1.6rem + 2.8vw, 3.75rem);
  --ab-fs-h2: clamp(1.75rem, 1.35rem + 1.5vw, 2.5rem);
  --ab-fs-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --ab-fs-h4: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
  --ab-fs-eyebrow: 0.75rem;
  --ab-lh-tight: 1.12;
  --ab-lh-snug: 1.35;
  --ab-lh-body: 1.7;
  --ab-space-1: 0.25rem;
  --ab-space-2: 0.5rem;
  --ab-space-3: 0.75rem;
  --ab-space-4: 1rem;
  --ab-space-5: 1.25rem;
  --ab-space-6: 1.5rem;
  --ab-space-8: 2rem;
  --ab-space-10: 2.5rem;
  --ab-space-12: 3rem;
  --ab-space-16: 4rem;
  --ab-space-20: 5rem;
  --ab-space-24: 6rem;
  --ab-container: min(1180px, 92vw);
  --ab-container-narrow: min(880px, 92vw);
  --ab-header-h: 72px;
  --ab-mobile-bar-h: 64px;
  --ab-radius-sm: 4px;
  --ab-radius: 6px;
  --ab-radius-lg: 10px;
  --ab-shadow-sm: 0 1px 2px rgba(26, 26, 26, 0.04);
  --ab-shadow: 0 4px 24px rgba(26, 26, 26, 0.06);
  --ab-shadow-lg: 0 12px 48px rgba(26, 26, 26, 0.08);
  --ab-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ab-duration: 0.22s;
  --ab-z-header: 1000;
  --ab-z-mobile-bar: 900;
  --ab-z-overlay: 1100;
}

@media (prefers-reduced-motion: reduce) {
  :root { --ab-duration: 0.01ms; }
}