/* Colorimetria bandera de EE.UU. — blanco / rojo / azul */
:root {
  --primary:    #B22234;
  --secondary:  #3C3B6E;
  --dark:       #0B133C;
  --btn:        #B22234;
  --btn-hover:  #8C1C2C;
  --bg:         #FFFFFF;
  --bg-alt:     #E8EDF7;
  --bg-soft:    #F4F6FB;
  --text:       #555A6E;
  --heading:    #232A3F;
  --line:       #D7DCEA;

  --gold: var(--primary);
  --gold-light: var(--btn);
  --gold-dark: #8C1C2C;
  --accent: var(--primary);
  --accent-light: var(--btn);
  --accent-dark: #8C1C2C;
  --navy-950: var(--dark);
  --navy-900: var(--dark);
  --navy-800: var(--secondary);
  --navy-700: #4A5199;
  --paper: var(--bg);
  --paper-2: var(--bg-alt);
  --white: #FFFFFF;
  --ink: var(--heading);
  --ink-muted: var(--text);
  --line-strong: #C4CBDD;
  --wa: #25D366;
  --wa-dark: #128C7E;
  --success: #1E7A46;
  --error: #B3261E;

  --font-display: 'Montserrat', 'Segoe UI', sans-serif;
  --font-body:    'Roboto', 'Segoe UI', sans-serif;

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --container-max: 1140px;
  --container-pad: 1.25rem;
  --header-h: 100px;
  --topbar-h: 40px;

  --radius: 4px;
  --radius-sm: 4px;
  --radius-lg: 10px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 4px rgba(11, 19, 60, .08);
  --shadow: 0 2px 12px rgba(11, 19, 60, .08);
  --shadow-lg: 0 8px 28px rgba(11, 19, 60, .12);
  --transition: .2s ease;
  --focus-ring: 0 0 0 3px rgba(194, 10, 17, .25);
}