/* ============================================================
   petzoft — tokens de diseño
   Derivados del logo (magenta #F0168C + lavanda #B9B9E9).
   Fuente de verdad: docs/DISENO_UI.md. Nada de hex en templates.
   ============================================================ */
:root {
  /* marca */
  --pz-primary: #F0168C;
  --pz-primary-dark: #C4106F;
  --pz-primary-soft: #FDE7F2;
  --pz-primary-rgb: 240, 22, 140;
  --pz-lavender: #B9B9E9;
  --pz-lavender-soft: #EEEEFA;
  --pz-lavender-deep: #8E8EDB;

  /* superficies y texto */
  --pz-bg: #F6F5FB;
  --pz-surface: #FFFFFF;
  --pz-surface-2: #FAF9FE;
  --pz-ink: #2A2440;
  --pz-ink-2: #6B6684;
  --pz-ink-3: #9A96B0;
  --pz-border: #E3E1F0;
  --pz-border-strong: #CFCBE3;

  /* estados */
  --pz-success: #1FA37A;
  --pz-success-soft: #E3F6EF;
  --pz-warning: #E8930C;
  --pz-warning-soft: #FFF1DC;
  --pz-danger: #E23D5A;
  --pz-danger-soft: #FDE4E8;
  --pz-info: #2E8BC0;
  --pz-info-soft: #E1F1FA;

  /* estados clínicos */
  --pz-espera: #E8930C;
  --pz-atencion: #2E8BC0;
  --pz-internado: #7C5CD6;
  --pz-internado-soft: #ECE6FA;
  --pz-alta: #1FA37A;

  /* marcas de terceros */
  --pz-whatsapp: #25D366;

  /* tipografía */
  --pz-font: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --pz-font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --pz-text-xs: 12px;
  --pz-text-sm: 13px;
  --pz-text-base: 14px;
  --pz-text-md: 16px;
  --pz-text-lg: 18px;
  --pz-text-xl: 22px;
  --pz-text-2xl: 28px;

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

  /* forma */
  --pz-radius: 10px;
  --pz-radius-sm: 8px;
  --pz-radius-xs: 6px;
  --pz-radius-pill: 999px;
  --pz-shadow-sm: 0 1px 2px rgba(42, 36, 64, .06);
  --pz-shadow-md: 0 6px 20px rgba(42, 36, 64, .08);
  --pz-shadow-lg: 0 16px 40px rgba(42, 36, 64, .14);

  /* layout */
  --pz-navbar-h: 56px;
  --pz-sidebar-w: 240px;
  --pz-sidebar-w-collapsed: 64px;
  --pz-content-max: 1440px;

  /* compatibilidad con el CSS heredado (distribuidora): --erp-* y --bs-* */
  --erp-primary: var(--pz-primary);
  --erp-primary-dark: var(--pz-primary-dark);
  --erp-primary-soft: var(--pz-primary-soft);
  --bs-primary-custom: var(--pz-primary);
  --bs-breadcrumb-title-bg: var(--pz-lavender-soft);
}

/* Bootstrap: la marca pasa a ser el color primario del framework */
:root,
[data-bs-theme="light"] {
  --bs-primary: var(--pz-primary);
  --bs-primary-rgb: var(--pz-primary-rgb);
  --bs-link-color: var(--pz-primary-dark);
  --bs-link-color-rgb: 196, 16, 111;
  --bs-link-hover-color: var(--pz-primary);
  --bs-link-hover-color-rgb: var(--pz-primary-rgb);
  --bs-body-bg: var(--pz-bg);
  --bs-body-color: var(--pz-ink);
  --bs-body-font-family: var(--pz-font);
  --bs-body-font-size: var(--pz-text-base);
  --bs-border-color: var(--pz-border);
  --bs-border-radius: var(--pz-radius-sm);
  --bs-secondary-color: var(--pz-ink-2);
  --bs-emphasis-color: var(--pz-ink);
  --bs-success: var(--pz-success);
  --bs-success-rgb: 31, 163, 122;
  /* is-valid no pinta verde: el control validado se ve como uno enfocado */
  --bs-form-valid-color: var(--pz-primary-dark);
  --bs-form-valid-border-color: var(--pz-border-strong);
  --bs-warning: var(--pz-warning);
  --bs-warning-rgb: 232, 147, 12;
  --bs-danger: var(--pz-danger);
  --bs-danger-rgb: 226, 61, 90;
  --bs-info: var(--pz-info);
  --bs-info-rgb: 46, 139, 192;
}

/* Preparado para un tema oscuro futuro: redefinir solo los tokens de superficie/texto aquí. */
:root[data-theme="dark"] {
  --pz-bg: #16131F;
  --pz-surface: #1F1B2B;
  --pz-surface-2: #262133;
  --pz-ink: #EDEAF6;
  --pz-ink-2: #B4AFC9;
  --pz-ink-3: #7F7A96;
  --pz-border: #342F45;
  --pz-border-strong: #4A445E;
  --pz-lavender-soft: #221F30;
  --pz-primary-soft: #3A1830;
}