/* Colores institucionales REHABILITAR PLUS IPS */

:root {

  /* Morados — color principal del logo */
  --rp-purple-dark:   #4A2880;
  --rp-purple:        #6B3FA0;
  --rp-purple-mid:    #8B5DB8;
  --rp-purple-light:  #C4A8E0;
  --rp-purple-pale:   #F0E8F8;

  /* Verde azulados — segundo color del logo */
  --rp-teal-dark:     #1A9090;
  --rp-teal:          #2BBFB3;
  --rp-teal-light:    #7ADDD8;
  --rp-teal-pale:     #E0F7F6;

  /* Estados del sistema */
  --rp-success:       #2E9E6B;
  --rp-success-pale:  #E0F5EC;
  --rp-warning:       #C47D1A;
  --rp-warning-pale:  #FEF3E0;
  --rp-danger:        #B03030;
  --rp-danger-pale:   #FDEAEA;

  /* Fondos y grises */
  --rp-bg:            #F4F2F8;
  --rp-white:         #FFFFFF;
  --rp-gray:          #6B6B80;
  --rp-gray-dark:     #2C2C3A;
  --rp-gray-light:    #E8E6EF;

  /* Tipografía */
  --rp-font:          'Segoe UI', system-ui, sans-serif;

  /* Bordes y radios */
  --rp-radius-sm:     6px;
  --rp-radius:        10px;
  --rp-radius-lg:     14px;
  --rp-border:        0.5px solid rgba(107, 63, 160, 0.15);

  /* Sombras suaves */
  --rp-shadow:        0 2px 8px rgba(74, 40, 128, 0.08);
  --rp-shadow-md:     0 4px 16px rgba(74, 40, 128, 0.12);
}