/* ============================================================================
   QSALUD REBRAND · BRIDGE v1.0
   Re-mapea las variables CSS existentes del sitio a la paleta nueva.
   Se carga DESPUÉS de todos los estilos: gana por orden de cascada.
   html:root tiene más especificidad que :root (capa extra de seguridad).
   ============================================================================ */

/* ── 1. BRICKS · variables globales (uploads/bricks/css/global-variables) ── */
html:root{
  /* primary: #22577E → #2E6FB5 */
  --primary: #2E6FB5FF;
  --primary-5:  #2E6FB50D; --primary-10: #2E6FB51A; --primary-20: #2E6FB533;
  --primary-30: #2E6FB54D; --primary-40: #2E6FB566; --primary-50: #2E6FB580;
  --primary-60: #2E6FB599; --primary-70: #2E6FB5B3; --primary-80: #2E6FB5CC;
  --primary-90: #2E6FB5E6;
  --primary-d-1: #255991; --primary-d-2: #1C436D; --primary-d-3: #122C48; --primary-d-4: #091624;
  --primary-l-1: #588CC4; --primary-l-2: #82A9D3; --primary-l-3: #ABC5E1; --primary-l-4: #D5E2F0;

  /* secondary: #5584AC → azul claro acompañante */
  --secondary: #6293C7FF;
  --secondary-5:  #6293C70D; --secondary-10: #6293C71A; --secondary-20: #6293C733;
  --secondary-30: #6293C74D; --secondary-40: #6293C766; --secondary-50: #6293C780;
  --secondary-60: #6293C799; --secondary-70: #6293C7B3; --secondary-80: #6293C7CC;
  --secondary-90: #6293C7E6;
  --secondary-d-1: #4E769F; --secondary-d-2: #3B5877; --secondary-d-3: #273B50; --secondary-d-4: #141D28;
  --secondary-l-1: #79A7CE; --secondary-l-2: #9BBCD9; --secondary-l-3: #BCD1E5; --secondary-l-4: #DEE6F1;

  /* tertiary: #95D1CC (teal, eliminado) → sky #D5E0EB */
  --tertiary: #D5E0EBFF;
  --tertiary-5:  #D5E0EB0D; --tertiary-10: #D5E0EB1A; --tertiary-20: #D5E0EB33;
  --tertiary-30: #D5E0EB4D; --tertiary-40: #D5E0EB66; --tertiary-50: #D5E0EB80;
  --tertiary-60: #D5E0EB99; --tertiary-70: #D5E0EBB3; --tertiary-80: #D5E0EBCC;
  --tertiary-90: #D5E0EBE6;
  --tertiary-d-1: #AAB3BC; --tertiary-d-2: #80868D; --tertiary-d-3: #555A5E; --tertiary-d-4: #2B2D2F;
  --tertiary-l-1: #DDE6EF; --tertiary-l-2: #E6ECF3; --tertiary-l-3: #EEF3F7; --tertiary-l-4: #F7F9FB;

  /* funcionales */
  --default-14: #1E8E6AFF;                /* verde → ok           */
  --bg-body: #FBFCFDFF;                   /* #EAF6FB → paper      */
  --fondo-blue: rgba(46,111,181,0.81);    /* azul translúcido     */
  --text-body: #33485EFF;                 /* gris → ink-soft      */
  --text-title: #0E1B2AFF;                /* negro → ink          */
  --bottun: #B8894BFF;                    /* amarillo → gold      */

  /* estados */
  --success: #1E8E6AFF;
  --success-5:  #1E8E6A0D; --success-10: #1E8E6A1A; --success-20: #1E8E6A33;
  --success-30: #1E8E6A4D; --success-40: #1E8E6A66; --success-50: #1E8E6A80;
  --success-60: #1E8E6A99; --success-70: #1E8E6AB3; --success-80: #1E8E6ACC;
  --success-90: #1E8E6AE6;
  --error: #C0392B;
  --error-5:  #C0392B0D; --error-10: #C0392B1A; --error-20: #C0392B33;
  --error-30: #C0392B4D; --error-40: #C0392B66; --error-50: #C0392B80;
  --error-60: #C0392B99; --error-70: #C0392BB3; --error-80: #C0392BCC;
  --error-90: #C0392BE6;
}

/* ── 2. BRICKS · paleta nombrada (uploads/bricks/css/color-palettes) ─────── */
html:root{
  --bricks-color-oikhnn: #2E6FB5;  /* 22577e azul marca     → blue        */
  --bricks-color-awhgpu: #6293C7;  /* 5584ac azul secundario→ blue claro  */
  --bricks-color-edmlkx: #D5E0EB;  /* 95d1cc teal           → sky         */
  --bricks-color-kpcrfr: #E8EFF6;  /* eaf6fb fondo claro    → sky-soft    */
  --bricks-color-qzuugw: #2E6FB5;  /* 6fac61 verde CTA      → blue (decisión: botones azules) */
  --bricks-color-ypujjh: #33485E;  /* 6d6e75 gris body      → ink-soft    */
  --bricks-color-aebkjg: #0E1B2A;  /* 52545e gris títulos   → ink         */
  --bricks-color-idfxeq: #FBFCFD;  /* f6fbfd                → paper       */
  --bricks-color-tmyoen: #2E6FB5;  /* 05ffea cian flúor     → blue        */
  --bricks-color-tpvner: #0E1B2A;  /* negro                 → ink         */
  --bricks-color-rkriui: rgba(184,137,75,0.75); /* amarillo .75 → gold    */
  --bricks-color-b7cbd6: #B8894B;  /* ffc107 amarillo       → gold        */
}

/* ── 3. PLUGINS PROPIOS vía wp_head (patient-home, registro, landing…) ───
   OJO: --qs-bg aquí es CLARO (fondo de página). El --qs-bg OSCURO del
   checkout se escopa en la sección 4 para no pisarlo. ─────────────────── */
html:root{
  --qs-blue: #2E6FB5;
  --qs-blue-dark: #1C4E86;
  --qs-blue-deep: #1C4E86;
  --qs-navy: #1C4E86;
  --qs-primary: #2E6FB5;
  --qs-primary-dark: #1C4E86;
  --qs-gray: #33485E;
  --qs-bg: #FBFCFD;            /* patient-home #f6f9fd → paper */
  --qs-card: #FFFFFF;
  --qs-border: #D9E2EC;
  --qs-ok: #1E8E6A;
  --qs-warn: #B8894B;
  --qs-danger: #C0392B;
  --qs-info: #2E6FB5;
  --qs-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  /* genéricas usadas por esos plugins */
  --bg: #FBFCFD;
  --card: #FFFFFF;
  --border: #D9E2EC;
  --ok: #1E8E6A;
  --warn: #B8894B;
  --danger: #C0392B;
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ── 4. CARRITO / CHECKOUT (checkout-qsalud.css usa --qs-bg como color
   OSCURO de texto/fondos). Escopado a sus páginas. ──────────────────────── */
body.woocommerce-cart,
body.woocommerce-checkout{
  --qs-primary: #2E6FB5;       /* #3775B8 → blue       */
  --qs-primary-ink: #FFFFFF;
  --qs-bg: #0E1B2A;            /* #0b2a4a → ink        */
  --qs-text: #0E1B2A;
  --qs-soft: #5A6B7E;          /* #6d7a8a → slate      */
  --qs-line: #D9E2EC;          /* #e3e7ee → line       */
  --qs-card: #FFFFFF;
  --qs-surface: #F1F5F9;       /* #f6f8fb → paper-2    */
}

/* ── 5. SPAs con wrapper propio (efectivo cuando carguen esta hoja: F2) ─── */
html .qsdash-wrap{
  --c-accent: #2E6FB5;
  --c-accent-strong: #1C4E86;
  --c-bg: #FBFCFD;
  --c-bg-soft: #F1F5F9;
  --c-fg: #0E1B2A;
  --c-fg-muted: #33485E;
  --c-fg-soft: #8A99A8;
  --c-border: #D9E2EC;
  --c-border-strong: #C6D3E2;
  --c-accent-soft: rgba(46,111,181,.10);
  --c-ok: #1E8E6A;
  --c-warn: #B8894B;
  --c-bad: #C0392B;
  --c-info: #2E6FB5;
}
html .qs-app-wrapper{
  --qs-brand: #2E6FB5;
  --qs-brand-2: #1C4E86;
  --qs-brand-soft: #E8EFF6;
  --qs-ink: #0E1B2A;
  --qs-ink-2: #33485E;
  --qs-blue: #2E6FB5;
  --qs-bg: #FBFCFD;
  --qs-surface: #FFFFFF;
  --qs-surface-2: #F1F5F9;
  --qs-line: #D9E2EC;
  --qs-line-2: #C6D3E2;
  --qs-text: #0E1B2A;
  --qs-muted: #5A6B7E;
  --qs-text-3: #33485E;
  --qs-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --qs-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
}