/* CRM GAVI: fuente compartida del sistema visual Industrial Quiet Luxury. */
:root {
  --crm-bg: #f4f2ed;
  --crm-panel: #ece9e1;
  --crm-surface: #f8f6f1;
  --crm-border: #d2ccbc;
  --crm-border-light: #fff;
  --crm-text: #2c2a25;
  --crm-text-muted: #756f62;
  --crm-text-faint: #a29c8c;

  --crm-action: #47588a;
  --crm-action-dark: #313f66;
  --crm-action-soft: #dde3ef;

  --crm-ok: #5f8566;
  --crm-ok-soft: #e3ead4;
  --crm-warning: #9a6a3a;
  --crm-warning-soft: #ece1cc;
  --crm-danger: #a8615a;
  --crm-danger-soft: #f2e0dd;

  --crm-sidebar: #1c1f26;
  --crm-sidebar-raised: #262a33;
  --crm-sidebar-border: #32363f;
  --crm-sidebar-text: #cac7bd;
  --crm-sidebar-muted: #83817a;
  --crm-sidebar-active: #2a3752;
  --crm-sidebar-active-text: #cdd7f0;
  --crm-sidebar-accent: #7c90c4;

  --crm-radius-sm: 4px;
  --crm-radius-md: 6px;
  --crm-radius-lg: 9px;
  --crm-font-sans: 'Inter', system-ui, sans-serif;
  --crm-font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --crm-shadow: 0 1px 2px rgba(60, 52, 32, .05), 0 7px 20px rgba(60, 52, 32, .055);
  --crm-shadow-hover: 0 2px 4px rgba(60, 52, 32, .07), 0 14px 28px rgba(60, 52, 32, .10);

  /* Alias legados para permitir una migracion progresiva de las plantillas. */
  --bg: var(--crm-bg);
  --panel: var(--crm-panel);
  --card: var(--crm-surface);
  --border: var(--crm-border);
  --text: var(--crm-text);
  --text-muted: var(--crm-text-muted);
  --text-faint: var(--crm-text-faint);
  --accent: var(--crm-action);
  --accent-hover: var(--crm-action-dark);
  --accent-soft: var(--crm-action-soft);
  --error: var(--crm-danger);
  --error-bg: var(--crm-danger-soft);
  --error-border: #d7aaa4;
  --font: var(--crm-font-sans);
}

::selection {
  background: var(--crm-action);
  color: #fff;
}

:focus-visible {
  outline: 2px solid var(--crm-action);
  outline-offset: 2px;
}