:root {
  /* COLORES BASE */
  --color-primary: #f28c00;
  /* naranja */
  --color-secondary: #5a4bb7;
  /* morado */
  --color-accent: #e63946;
  /* rojo apoyo */

  /* FONDOS */
  --color-bg: #f4f1ea;
  --color-bg-soft: #ffffff;
  --color-surface: #ffffff;

  /* TEXTOS */
  --color-text: #1a1a1a;
  --color-text-muted: #555;
  --color-text-soft: #888;

  /* BORDES */
  --color-border: #e6e2dc;
  --color-border-soft: #efebe5;

  /* TIPOGRAFÍA */
  --font-display: "Bebas Neue", sans-serif;
  --font-heading: "Barlow Condensed", sans-serif;
  --font-body: "Nunito Sans", sans-serif;

  /* LAYOUT */
  --container-width: 1180px;

  /* UI */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;

  --shadow-soft: 0 8px 20px rgba(0, 0, 0, 0.08);
  --shadow-primary: 0 10px 30px rgba(242, 140, 0, 0.2);

  --header-height: 78px;

  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
}