:root {
  --bg: #F2F2F7;
  --card: #FFFFFF;
  --ink: #1C1C1E;
  --ink-soft: #6E6E73;
  --accent: #FF6B4A;
  --accent-dark: #D9502F;
  --accent-soft: #FFE8E1;
  /* Texto blanco sobre --accent da 2.82:1, no pasa WCAG AA (min 4.5:1).
     --accent-action da 4.60:1 - usar SIEMPRE que el boton/badge lleve
     texto blanco encima. --accent sigue siendo el color de marca para
     todo lo decorativo (bordes, puntos, fondos suaves, hover). */
  --accent-action: #D93A18;
  --sep: #E5E5EA;
  --sep-strong: #D1D1D6;
  --green: #34C759;
  --blue: #34AADC;
  --purple: #AF52DE;
  --amber: #FF9F0A;
  --radius: 16px;
  --radius-sm: 10px;
  --font-display: 'Lexend', -apple-system, sans-serif;
  --font-body: 'Inter', -apple-system, sans-serif;
}