/**
 * Portal Condor — tokens (DESIGN_SYSTEM.md).
 * Alias --condor-* conservan compatibilidad con CSS legacy.
 */
:root {
  /* DS — superficies */
  --color-bg: #f7f8fa;
  --color-surface: #ffffff;
  --color-border: #e5e7eb;
  --color-border-strong: #d0d5dd;
  --color-text: #111827;
  --color-text-secondary: #667085;
  --color-text-muted: #98a2b3;
  --color-text-on-accent: #ffffff;

  --color-primary: #1d4ed8;
  --color-primary-hover: #1e40af;
  --color-primary-subtle: #eff4ff;

  --color-success: #12b76a;
  --color-success-subtle: #ecfdf3;
  --color-warning: #f79009;
  --color-warning-subtle: #fffaeb;
  --color-danger: #f04438;
  --color-danger-subtle: #fef3f2;
  --color-info: #0ba5ec;
  --color-info-subtle: #f0f9ff;

  /* DS — acentos de rol (nunca canvas) */
  --role-admin: #7c3aed;
  --role-admin-subtle: #f5f3ff;
  --role-manager: #1d4ed8;
  --role-manager-subtle: #eff4ff;
  --role-sales: #12b76a;
  --role-sales-subtle: #ecfdf3;
  --role-operations: #f79009;
  --role-operations-subtle: #fffaeb;
  --role-buyer: #0ba5ec;
  --role-buyer-subtle: #f0f9ff;

  /* DS — tipo */
  --font-family: "Geist", "Inter", system-ui, -apple-system, sans-serif;
  --text-page-title: 600 26px/1.3 var(--font-family);
  --text-section-title: 600 18px/1.4 var(--font-family);
  --text-body: 400 14px/1.5 var(--font-family);
  --text-secondary: 400 13px/1.5 var(--font-family);
  --text-label: 500 12px/1.4 var(--font-family);
  --text-table: 400 13px/1.4 var(--font-family);

  /* DS — espacio */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* DS — radios */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;

  --shadow-none: none;
  --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
  --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.08), 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-md: 0 4px 8px rgba(16, 24, 40, 0.08);
  --shadow-lg: 0 8px 16px rgba(16, 24, 40, 0.1);

  /* Sidebar / chrome */
  --ds-sidebar-width: 240px;
  --ds-role-bar-h: 56px;

  /* —— Alias legacy Condor —— */
  --condor-azul: #0b2b5e;
  --condor-azul-vivo: var(--color-primary);
  --condor-celeste: #3b82f6;
  --condor-verde: var(--color-success);
  --condor-naranja: var(--color-warning);
  --condor-gris-claro: var(--color-bg);
  --condor-gris-texto: var(--color-text-secondary);
  --condor-blanco: var(--color-surface);
  --condor-negro: var(--color-text);

  --condor-danger: #991b1b;
  --condor-danger-solid: var(--color-danger);
  --condor-danger-bg: var(--color-danger-subtle);
  --condor-danger-border: #fecaca;

  --condor-warning-solid: var(--color-warning);
  --condor-warning-muted: var(--color-warning-subtle);
  --condor-warning-text: #92400e;
  --condor-warning-border: #fde68a;

  --condor-surface: var(--color-surface);
  --condor-surface-dim: var(--color-bg);
  --condor-surface-container: #e8edf4;
  --condor-surface-raised: var(--color-surface);
  --condor-outline: var(--color-border);
  --condor-outline-variant: var(--color-border-strong);
  --condor-on-surface: var(--color-text);
  --condor-on-surface-muted: var(--color-text-secondary);
  --condor-shadow-raised: var(--shadow-sm);

  --condor-success-solid: var(--color-success);
  --condor-success-solid-hover: #0e9f5c;
  --condor-success-muted: var(--color-success-subtle);
  --condor-success-text: #166534;
  --condor-success: var(--condor-success-text);
  --condor-success-bg: var(--condor-success-muted);
  --condor-success-border: #bbf7d0;
  --condor-info-bg: var(--color-info-subtle);
  --condor-info-border: #bfdbfe;

  --condor-radius-sm: var(--radius-sm);
  --condor-radius-md: var(--radius-md);
  --condor-radius-lg: var(--radius-lg);
  --condor-border: var(--color-border);
  --condor-shadow-card: var(--shadow-xs);
  --condor-shadow-nav: var(--shadow-xs);

  --condor-font-display: var(--font-family);
  --condor-font-body: var(--font-family);
  --condor-font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;
  --condor-label-caps-size: 0.625rem;
  --condor-label-caps-tracking: 0.08em;
  --condor-fs-xs: 0.6875rem;
  --condor-fs-sm: 0.8125rem;
  --condor-fs-base: 0.875rem;
  --condor-fs-lg: 1.125rem;

  --condor-nav-h: 3rem;
  --condor-subnav-h: 1.875rem;
  --condor-chrome-h: 3rem;
  --condor-chrome-h-with-subnav: 3rem;

  /* Canvas por defecto: neutro. El tema inyecta --role-accent, no pinta el body. */
  --role-bg: var(--color-bg);
  --role-bg-gradient: none;
  --role-accent: var(--color-primary);
  --role-accent-hover: var(--color-primary-hover);
  --role-accent-muted: var(--color-primary-subtle);
  --role-accent-text: var(--color-primary);
}