:root{
  /* =========================================================
     CENIT CRM — sistema de diseño administrativo
     Referencia: sitio público CENIT (oro / hueso / negro cálido)
     ========================================================= */
  --cenit-bg: #f3f0e8;
  --cenit-surface: #ffffff;
  --cenit-surface-alt: #211e17;
  --cenit-text: #16140f;
  --cenit-text-muted: #6f675c;
  --cenit-primary: #c9a45c;
  --cenit-primary-hover: #b89145;
  --cenit-accent: #e4cfa3;
  --cenit-border: #ddd4c4;
  --cenit-success: #2f6b45;
  --cenit-warning: #9a6b24;
  --cenit-danger: #a63d32;
  --cenit-info: #3d5a73;
  --cenit-radius: 6px;
  --cenit-radius-lg: 10px;
  --cenit-shadow: 0 1px 2px rgba(22,20,15,.06), 0 8px 24px rgba(22,20,15,.06);
  --cenit-font-family: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cenit-font-display: "Newsreader", Georgia, "Times New Roman", serif;

  /* Compat con nombres previos del CRM */
  --crm-navy: var(--cenit-surface-alt);
  --crm-navy-700: #2a261e;
  --crm-accent: var(--cenit-primary);
  --crm-accent-600: var(--cenit-primary-hover);
  --crm-accent-700: #9a7a3a;
  --crm-accent-rgb: 201, 164, 92;
  --crm-primary: var(--cenit-primary);
  --crm-sidebar-bg: var(--cenit-surface-alt);
  --crm-sidebar-text: rgba(245,241,232,.86);
  --crm-sidebar-text-muted: rgba(245,241,232,.55);
  --crm-bg: var(--cenit-bg);
  --crm-card-bg: var(--cenit-surface);
  --crm-border: var(--cenit-border);
  --crm-text: var(--cenit-text);
  --crm-muted: var(--cenit-text-muted);
  --crm-danger: var(--cenit-danger);
  --crm-warning: var(--cenit-warning);
  --crm-success: var(--cenit-success);
  --crm-info: var(--cenit-info);
  --crm-sidebar-width: 272px;
  --crm-radius: var(--cenit-radius-lg);
  --crm-radius-sm: var(--cenit-radius);
  --crm-shadow: var(--cenit-shadow);
  --crm-shadow-md: 0 10px 28px rgba(22,20,15,.10);
  --crm-font: var(--cenit-font-family);

  /* Bootstrap 5.3 overrides */
  --bs-primary: var(--cenit-primary);
  --bs-primary-rgb: var(--crm-accent-rgb);
  --bs-body-bg: var(--cenit-bg);
  --bs-body-color: var(--cenit-text);
  --bs-body-font-family: var(--cenit-font-family);
  --bs-border-color: var(--cenit-border);
  --bs-border-radius: var(--cenit-radius);
  --bs-border-radius-lg: var(--cenit-radius-lg);
  --bs-link-color: #5c4a2a;
  --bs-link-color-rgb: 92, 74, 42;
  --bs-link-hover-color: var(--cenit-primary-hover);
  --bs-link-hover-color-rgb: var(--crm-accent-rgb);
  --bs-success: var(--cenit-success);
  --bs-warning: var(--cenit-warning);
  --bs-danger: var(--cenit-danger);
}

:focus-visible{
  outline: 2px solid var(--cenit-primary);
  outline-offset: 2px;
}