/* Aprende Marketing — variables de marca.
   Cambia un color aquí y se actualiza en toda la web. */
:root {
  --brand-navy: #0F2A44;
  --brand-blue: #2563EB;
  --brand-mint: #38D6B2;
  --brand-offwhite: #F3F4F6;
  --brand-graphite: #242B38;
  --brand-white: #FFFFFF;

  --text-primary: #242B38;
  --text-secondary: #4B5563;
  --text-on-dark: #FFFFFF;
  --text-on-dark-muted: rgba(255, 255, 255, 0.78);

  --background-page: #F3F4F6;
  --background-card: #FFFFFF;
  --border: #E5E7EB;
  --border-strong: #D1D5DB;
  --border-input: #8A94A6;

  --link-color: #2563EB;
  --link-hover: #1D4ED8;
  --button-primary-bg: #38D6B2;
  --button-primary-text: #0F2A44;
  --focus-ring: #2563EB;
  --success: #0F7A5C;
  --error: #B42318;

  --font-display: 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --radius-card: 16px;
  --radius-btn: 10px;
  --radius-pill: 999px;

  --container: 1200px;
  --gutter: 24px;
  --section-y: 96px;
}