/* MB9 × A TORRE — Design System 2.0. Primitive → semantic → component. */
:root {
  --navy-1000:#030810; --navy-950:#060e19; --navy-900:#0a1726;
  --navy-800:#102236; --navy-700:#18334b; --navy-600:#24475d;
  --gold-100:#f6e7c4; --gold-200:#e5c98e; --gold-300:#d2b274; --gold-500:#ac8247; --gold-700:#78562d;
  --ivory-50:#fdfbf7; --ivory-100:#f4f0e7; --ivory-200:#e8dfce;
  --slate-200:#c5d0db; --slate-300:#a8b8c9; --slate-600:#4c5d6c;
  --surface-page:var(--navy-950); --surface-panel:var(--navy-900); --surface-raised:var(--navy-800);
  --surface-paper:var(--ivory-100); --text-primary:var(--ivory-50); --text-secondary:var(--slate-300);
  --text-ink:var(--navy-900); --accent:var(--gold-300); --accent-on-paper:var(--gold-700);
  --border-soft:rgba(210,178,116,.22); --border-paper:rgba(10,23,38,.17);
  --font-display:'Cormorant Garamond',Georgia,serif; --font-body:Manrope,Arial,sans-serif;
  --font-brand:Manrope,Arial,sans-serif;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px;
  --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px; --space-10:128px;
  --radius-control:3px; --radius-panel:6px; --radius-pill:999px;
  --duration-fast:160ms; --duration-base:280ms; --duration-reveal:650ms;
  --ease-standard:cubic-bezier(.2,.7,.2,1); --shadow-panel:0 20px 65px rgba(0,0,0,.16);
  --layout-max:1320px; --layout-gutter:clamp(24px,5vw,84px); --header-height:92px;
  --button-height:52px; --control-border:var(--border-soft); --focus-ring:var(--gold-200);
  --tower-art:url('assets/brand/torre-transparente-original.png');
  /* Stable aliases used by the presentation components. */
  --deep:var(--surface-page); --ink:var(--text-ink); --paper:var(--ivory-100); --white:var(--ivory-50);
  --gold:var(--accent); --muted:var(--text-secondary); --line:var(--border-soft); --darkline:var(--border-paper);
  --serif:var(--font-display); --sans:var(--font-body);
}