/* ============================================================
   Risko Cotizador — variables.css
   Fuente de verdad: colores, tipografía, espaciado.

   Archivo idéntico al de Blink para facilitar la integración
   futura como tab. Solo tocar la sección "Marca" para adaptar
   a otro cliente.
   ============================================================ */
:root {

  /* ── Marca ──────────────────────────────────────────────────
     Color principal de la app: botones, links, badges          */
  --bp:        #5B4FD9;
  --bpd:       #4A3FBE;
  --bpl:       #EEEDFE;
  --bp-rgb:    91,79,217;

  /* Secundario: acento, confirmaciones, "Continuar"            */
  --bt:        #4ECBA0;
  --btd:       #3AAF8A;

  /* ── Cliente / Asegurador ───────────────────────────────────
     Colores de Berkley. Cambiar acá si cambia el cliente.      */
  --berkley:   #005030;
  --berkley-l: #EBF3EE;

  /* ── Nav ────────────────────────────────────────────────────  */
  --color-nav-bg:  #FFF;
  --color-tabs-bg: #F4F4F4;

  /* ── Semánticos ─────────────────────────────────────────────  */
  --success:       #1D9E75;
  --danger:        #D85A30;
  --danger-dark:   #C24A26;
  --danger-light:  #FEF0EB;
  --warning:       #854F0B;
  --warning-light: #FAEEDA;
  --success-light: #E1F5EE;
  --gray-light:    #F1EFE8;
  --danger-rgb:    216,90,48;

  /* ── UI base ────────────────────────────────────────────────  */
  --bg:        #F8F8F8;
  --card:      #FFFFFF;
  --text:      #2C2C2A;
  --text-sec:  #5F5E5A;
  --text-white: white;

  --color-accent-text: #5B4FD9;
  --border:            #E5E5E0;
  --border-input:      #cccccc;
  --icon:              #5B4FD9;
  --icon-muted:        #D3D1C7;

  /* ── Botones ────────────────────────────────────────────────  */
  --btn-primario-bg:    #5B4FD9;
  --btn-primario-text:  white;
  --btn-primario-hover: #4A3FBE;

  --btn-sec-bg:     white;
  --btn-sec-text:   #2C2C2A;
  --btn-sec-border: #cccccc;

  --btn-avance-bg:    #4ECBA0;
  --btn-avance-hover: #3AAF8A;

  --btn-danger-bg:    #D85A30;
  --btn-danger-hover: #C24A26;

  --btn-agregar-bg:    #EEEDFE;
  --btn-agregar-hover: #E0DEFB;

  /* ── Radios ─────────────────────────────────────────────────  */
  --r-sm: 6px;
  --r:    10px;
  --r-lg: 14px;
  --r-xl: 16px;

  /* ── Sombras ────────────────────────────────────────────────  */
  --shadow:    0 4px 20px rgba(0,0,0,.04);
  --shadow-lg: 0 8px 40px rgba(0,0,0,.12);

  /* ── Spacing ────────────────────────────────────────────────  */
  --space-lg: 1.5rem;
}