:root {

  /* =====================
     COLORES PRIMARIOS
  ===================== */
  --color-primary: #405FF2;
  --color-primary-strong: #2F6FED;

  /* Alias corto (usar preferentemente --color-primary) */
  --blue:       #2F6FED;
  --blue-hover: #1e5cd1;

  /* =====================
     NEUTRALES
  ===================== */
  --color-dark:   #050B20;
  --color-black:  #111111;
  --color-white:  #FFFFFF;

  /* Alias cortos */
  --black: #111111;
  --white: #ffffff;

  --gray-100: #f5f5f5;
  --gray-200: #e4e4e4;
  --gray-300: #d1d1d1;
  --gray-400: #9e9e9e;
  --gray-500: #757575;
  --gray-600: #555;

  /* =====================
     FONDOS Y BORDES
  ===================== */
  --color-bg-light:    #F6F7F9;
  --color-border:      #E9E9E9;
  --color-border-soft: #DDDDDD;

  /* =====================
     TEXTO
  ===================== */
  --color-text:       var(--color-dark);
  --color-text-dark:  #333333;
  --color-text-light: #5E5E5E;

  /* =====================
     LAYOUT
  ===================== */
  --header-h: 72px;
  --cat-h:    76px;
  --drawer-w: 320px;

  /* =====================
     TEAM BACKGROUNDS
  ===================== */
  --team-bg-1: #f7f8fa;
  --team-bg-2: #eef2ff;
  --team-bg-3: #eef5fb;
  --team-bg-4: #fceef3;
  --team-bg-5: #eff7ee;

}