:root {
  /* === Brand: Gold (Final SmartsWay logo — warmth & luxury) === */
  --gold-900: #6B5828;
  --gold-800: #856C32;
  --gold-700: #9A8240;
  --gold-600: #A89456;   /* primary brand gold (matches logo) */
  --gold-500: #B89A5B;
  --gold-400: #CFB87C;
  --gold-200: #E8D9B0;
  --gold-100: #F2E9CF;

  /* Neutrals — warm cream + ink (matches logo: BLACK wordmark + GOLD tag) */
  --cream-50: #FAF7EF;
  --cream-100: #F2EDDF;
  --cream-200: #E5DDC9;

  --ink-900: #0F0F0F;     /* wordmark "SmartsWay" pure dark */
  --ink-800: #1A1A1A;
  --ink-700: #2F2F2F;
  --ink-500: #6B6B6B;
  --ink-300: #B5B5B5;

  /* Deep neutral for dark sections / footer */
  --char-900: #1F1A14;    /* deep warm charcoal (instead of teal/green) */
  --char-800: #2C2620;

  --white: #FFFFFF;

  /* === Semantic aliases === */
  --bg: var(--cream-50);
  --surface: var(--white);
  --surface-alt: var(--cream-100);
  --text: var(--ink-900);
  --text-soft: var(--ink-700);
  --text-muted: var(--ink-500);
  --line: rgba(168, 148, 86, 0.18);
  --line-strong: rgba(168, 148, 86, 0.36);

  /* Mapped legacy tokens (so existing CSS keeps working in gold) */
  --green-900: var(--ink-900);
  --green-800: var(--ink-800);
  --green-700: var(--gold-600);
  --green-600: var(--gold-500);
  --green-400: var(--gold-400);
  --green-200: var(--gold-200);

  /* === Typography === */
  --font-display: 'Playfair Display', 'Times New Roman', serif;
  --font-sub: 'Cormorant Garamond', 'Georgia', serif;
  --font-body: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-brand: 'Manrope', 'Inter', sans-serif;

  --fs-h1: clamp(2.5rem, 5vw + 1rem, 4.75rem);
  --fs-h2: clamp(1.875rem, 3vw + 0.5rem, 3rem);
  --fs-h3: clamp(1.375rem, 1.5vw + 0.5rem, 1.875rem);
  --fs-h4: 1.25rem;
  --fs-lead: clamp(1.05rem, 0.5vw + 0.9rem, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-xs: 0.75rem;

  --lh-display: 1.1;
  --lh-body: 1.65;

  /* === Spacing — 8px grid === */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 5.5rem;
  --space-10: 7rem;

  /* === Layout === */
  --container: 1280px;
  --container-narrow: 880px;
  --container-wide: 1440px;
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* === Effects === */
  --shadow-sm: 0 1px 2px rgba(31, 26, 20, 0.06), 0 1px 3px rgba(31, 26, 20, 0.08);
  --shadow: 0 4px 12px rgba(31, 26, 20, 0.08), 0 2px 4px rgba(31, 26, 20, 0.06);
  --shadow-lg: 0 12px 32px rgba(31, 26, 20, 0.14), 0 4px 8px rgba(31, 26, 20, 0.06);
  --transition: 220ms cubic-bezier(0.2, 0.7, 0.3, 1);
  --transition-slow: 480ms cubic-bezier(0.2, 0.7, 0.3, 1);

  --section-pad: clamp(3.5rem, 6vw, 5.5rem);
}