/* Agentemotor Design System v1.0 — variables CSS
   Fuentes: https://fonts.googleapis.com/css2?family=Numans&family=Nunito:wght@400;500;600;700;800&display=swap */

:root {
  /* Primitivos · violeta */
  --am-violet-50: #F3EEFF;  --am-violet-100: #E6DBFF; --am-violet-200: #CBB6FF;
  --am-violet-300: #A782FF; --am-violet-400: #7F45F5; --am-violet-500: #5B0FE6;
  --am-violet-600: #4800D1; --am-violet-700: #3A00A8; --am-violet-800: #2C0080;
  --am-violet-900: #1E0059; --am-violet-950: #12003A;
  /* cian */
  --am-cyan-50: #E6FAFD; --am-cyan-100: #C2F2FA; --am-cyan-300: #5CD6EC;
  --am-cyan-500: #00B4D8; --am-cyan-700: #007A94; --am-cyan-900: #004454;
  /* coral */
  --am-coral-50: #FFF1EA; --am-coral-100: #FFDCCB; --am-coral-300: #FFA27A;
  --am-coral-500: #FF6B35; --am-coral-700: #C44512; --am-coral-900: #6E2406;
  /* neutros */
  --am-neutral-0: #FFFFFF;   --am-neutral-25: #FAFAFD;  --am-neutral-50: #F4F3F8;
  --am-neutral-100: #EAE8F1; --am-neutral-200: #D7D4E3; --am-neutral-300: #B8B4C9;
  --am-neutral-400: #8D88A3; --am-neutral-500: #6A6582; --am-neutral-600: #4E4966;
  --am-neutral-700: #37334B; --am-neutral-800: #232033; --am-neutral-900: #15131F;
  /* estados */
  --am-success-bg: #E7F7F0; --am-success-base: #0E9F6E; --am-success-strong: #057A55; --am-success-text: #045C40;
  --am-warning-bg: #FFF6E5; --am-warning-base: #F5A524; --am-warning-strong: #D98A00; --am-warning-text: #8A5A00;
  --am-error-bg: #FDECEC;   --am-error-base: #E5383B;   --am-error-strong: #D62B2E;   --am-error-text: #A11D20;
  --am-info-bg: #E6F6FB;    --am-info-base: #00B4D8;    --am-info-strong: #007A94;    --am-info-text: #005A78;

  /* Tipografía */
  --am-font-display: 'Numans', 'Trebuchet MS', sans-serif;
  --am-font-body: 'Nunito', system-ui, sans-serif;

  /* Espaciado (base 4) */
  --am-space-1: 4px; --am-space-2: 8px; --am-space-3: 12px; --am-space-4: 16px; --am-space-6: 24px;
  --am-space-8: 32px; --am-space-10: 40px; --am-space-12: 48px; --am-space-16: 64px; --am-space-20: 80px;

  /* Radios */
  --am-radius-xs: 4px; --am-radius-sm: 8px; --am-radius-md: 12px; --am-radius-lg: 16px;
  --am-radius-xl: 24px; --am-radius-pill: 999px;

  /* Elevación (solo flotantes) */
  --am-shadow-float: 0 8px 24px rgba(21, 19, 31, 0.12);
  --am-shadow-modal: 0 16px 48px rgba(21, 19, 31, 0.24);

  /* Semánticos · tema claro */
  --am-color-action-primary: var(--am-violet-600);
  --am-color-action-primary-hover: var(--am-violet-700);
  --am-color-action-primary-pressed: var(--am-violet-800);
  --am-color-on-action-primary: #FFFFFF;
  --am-color-surface-default: var(--am-neutral-0);
  --am-color-surface-app: var(--am-neutral-25);
  --am-color-surface-subtle: var(--am-neutral-50);
  --am-color-text-primary: var(--am-neutral-900);
  --am-color-text-secondary: var(--am-neutral-600);
  --am-color-text-tertiary: var(--am-neutral-500);
  --am-color-border-default: var(--am-neutral-100);
  --am-color-border-input: var(--am-neutral-200);
  --am-color-focus-ring: var(--am-violet-100);
}

[data-theme="dark"] {
  --am-color-action-primary: var(--am-violet-300);
  --am-color-action-primary-hover: var(--am-violet-200);
  --am-color-action-primary-pressed: var(--am-violet-100);
  --am-color-on-action-primary: var(--am-violet-950);
  --am-color-surface-default: var(--am-neutral-900);
  --am-color-surface-app: #0B0A12;
  --am-color-surface-subtle: var(--am-neutral-800);
  --am-color-text-primary: var(--am-neutral-50);
  --am-color-text-secondary: var(--am-neutral-300);
  --am-color-text-tertiary: var(--am-neutral-400);
  --am-color-border-default: var(--am-neutral-700);
  --am-color-border-input: var(--am-neutral-600);
  --am-color-focus-ring: var(--am-violet-800);
}

/* Cifras financieras en tablas y listas */
.am-num { font-family: var(--am-font-body); font-weight: 800; font-variant-numeric: tabular-nums; }