:root {
  /* Marca PILAY */
  --color-primary-dark:  #001E61;
  --color-primary:       #004BEE;
  --color-primary-hover: #003ACC;
  --color-primary-green: #93D388;
  --color-lavender:      #D7E3F9;
  --color-light:         #F5F9FF;
  --color-dark-green:    #00843E;
  --color-pale-green:    #DBF2DB;
  --color-white:         #FFFFFF;

  /* Superficies y texto (estilo minimalista) */
  --bg:          #EDF1F8;
  --surface:     #FFFFFF;
  --surface-2:   #F5F8FD;
  --line:        #E0E6F0;
  --line-strong: #CCD5E4;
  --ink:         #1B2333;
  --ink-2:       #5B6475;
  --ink-3:       #8E97A8;
  --accent-soft: #E6EEFF;
  --blue-grad:   linear-gradient(120deg, #001E61 0%, #0A3A9E 60%, #004BEE 100%);

  /* Estados (texto / fondo suave) */
  --ok:        #12805C;  --ok-soft:     #E8F6EF;
  --warn:      #A15C00;  --warn-soft:   #FFF4E0;  --warn-dot: #F5A524;
  --danger:    #C4322B;  --danger-soft: #FDECEA;
  --neutral-soft: #F1F3F7;

  /* Compatibilidad con nombres anteriores */
  --color-grey-100: var(--bg);
  --color-grey-200: var(--line-strong);
  --color-grey-400: var(--ink-3);
  --color-grey-600: var(--ink-2);
  --color-grey-900: var(--ink);
  --color-success: var(--ok);
  --color-warning: var(--warn-dot);
  --color-warning-bg: var(--warn-soft);
  --color-danger: var(--danger);

  /* Sombras: muy suaves */
  --shadow-sm: 0 1px 3px rgba(0, 30, 97, 0.06);
  --shadow-md: 0 8px 24px rgba(0, 30, 97, 0.10);
  --shadow-lg: 0 16px 40px rgba(16, 24, 40, 0.10);

  /* Radios */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   22px;
  --radius-pill: 999px;

  /* Espaciado */
  --space-1: 4px;  --space-2: 8px;   --space-3: 12px;
  --space-4: 16px; --space-5: 20px;  --space-6: 24px;
  --space-8: 32px; --space-10: 40px; --space-12: 48px;

  --sidebar-width: 236px;
  --t-fast: 0.15s ease-out;
  --ease-spring: cubic-bezier(0.23, 1, 0.32, 1);
}