:root{
  /* ── Brand 3C — Burgundy + Steel Gray ─────────────────────────────── */
  --color-red-900:#5A1620;
  --color-red-700:#7A1F2B;
  --color-red-500:#8C1F2A;
  --color-red-400:#A8313D;
  --color-red-200:#E5B4BA;
  --color-red-50:#FBEEF0;

  --color-steel-900:#1F1F22;
  --color-steel-700:#3A3A3D;
  --color-steel-500:#6E6E70;
  --color-steel-300:#B5B5B8;
  --color-steel-100:#E2E2E4;
  --color-steel-50:#F2F1EE;

  /* Compat aliases — mantienen clases ya escritas que usan -green-* */
  /* Apuntan al red-500 (#8C1F2A) para coincidir con CTA Cotización */
  --color-green-900:var(--color-red-700);
  --color-green-700:var(--color-red-500);
  --color-green-500:var(--color-red-500);
  --color-green-200:var(--color-red-200);
  --color-green-50:var(--color-red-50);

  --color-ink:#141416;
  --color-ink-mid:#3A3A3D;
  --color-ink-light:#7A7A7D;
  --color-rule:#DEDBD5;
  --color-bg:#F5F3EE;
  --color-white:#FFFFFF;
  --color-accent:#B5894A;
  --color-accent-light:#F2E8D0;

  --font-display:'Fraunces',Georgia,serif;
  --font-body:'DM Sans',system-ui,-apple-system,sans-serif;

  --text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;
  --text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;
  --text-5xl:3.75rem;--text-6xl:5rem;

  --space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;
  --space-xl:4rem;--space-2xl:6rem;--space-3xl:9rem;

  --ease-out-expo:cubic-bezier(0.16,1,0.3,1);
  --ease-in-out:cubic-bezier(0.4,0,0.2,1);
  --duration-fast:200ms;--duration-base:400ms;--duration-slow:700ms;

  --radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;

  --shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:0 4px 16px rgba(0,0,0,0.08),0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg:0 16px 48px rgba(0,0,0,0.12),0 4px 8px rgba(0,0,0,0.04);
  --shadow-brand:0 8px 32px rgba(140,31,42,0.22);
  --shadow-green:var(--shadow-brand);

  --container-max:1320px;
  --container-pad:clamp(1.25rem,5vw,3rem);
  --header-h:84px;
}