/* Design System: valores vigentes de la SPA; sin cambios visuales.
   Cargar antes de investors.css. Los alias mantienen los consumidores actuales.
   Autenticación conserva por ahora su paleta propia en login.css. */
:root {
  --ds-color-text: #171717;
  --ds-color-text-muted: #686868;
  --ds-color-action: #ffb020;
  --ds-color-action-text: #8a4b00;
  --ds-color-action-hover: #f29b00;
  --ds-color-action-soft: #fff5d9;
  --ds-color-action-soft-strong: #ffedbd;
  --ds-color-action-surface: #fffbf0;
  --ds-color-action-border: #f1d29a;
  --ds-color-action-shadow: #ffb02024;
  --ds-color-border: #e7e7e7;
  /* Stable regional identities across economic comparison charts. */
  --ds-color-chart-us: #2457a7;
  --ds-color-chart-euro: #087f83;
  --ds-color-chart-de: #7754a3;
  --ds-color-chart-es: #bc5713;
  --ds-color-chart-jp: #54802a;
  --ds-color-sentiment-0: #8a4b00;
  --ds-color-sentiment-1: #bd620d;
  --ds-color-sentiment-2: #ffb020;
  --ds-color-sentiment-3: #ffd078;
  --ds-color-sentiment-4: #ffedbd;
  --ds-color-surface: #fff;
  --ds-color-background: #f5f5f5;

  --ds-font-family-body: Inter,"Segoe UI",Arial,sans-serif;
  --ds-font-size-root: 16px;
  --ds-font-size-caption: .75rem;
  --ds-font-size-help: .8rem;
  --ds-font-size-label: .875rem;
  --ds-font-size-control: .9rem;
  --ds-font-size-body: 1rem;
  --ds-font-size-heading: 1.25rem;
  --ds-font-weight-control: 650;
  --ds-font-weight-heading: 700;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-mobile-content-gutter: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 24px;
  --ds-space-6: 32px;
  --ds-radius-input: 6px;
  --ds-radius-control: 7px;
  --ds-radius-panel: 12px;
  --ds-radius-dialog: 14px;
  --ds-radius-pill: 999px;
  --ds-radius-round: 50%;
  --ds-border-width: 1px;
  --ds-focus-width: 3px;
  --ds-control-min-height: 44px;
  --ds-opacity-disabled: .55;
  --ds-shadow-panel: 0 8px 30px #00000004;
  --ds-shadow-notification: 0 8px 32px #0003;
  --ds-color-control-border: #d5d5d5;
  --ds-color-input-border: #ccc;
  --ds-color-readonly-background: #f3f3f3;
  --ds-color-readonly-text: #666;
  --ds-color-primary-text: #161616;
  --ds-color-primary-hover: #ff913f;
  --ds-color-secondary-hover: #f2f2f2;
  --ds-color-subtle-hover: #f3f3f3;
  --ds-color-success-background: #e7f7ed;
  --ds-color-success-border: #80b997;
  --ds-color-success-text: #155d35;
  --ds-color-warning-background: #fff5d9;
  --ds-color-warning-border: #d8a22a;
  --ds-color-warning-text: #715000;
  --ds-color-error-background: #ffeded;
  --ds-color-error-border: #cf7777;
  --ds-color-error-text: #a31c1c;

  --ink: var(--ds-color-text);
  --muted: var(--ds-color-text-muted);
  --orange: var(--ds-color-action);
  --orange-dark: var(--ds-color-action-text);
  --orange-hover: var(--ds-color-action-hover);
  --orange-soft: var(--ds-color-action-soft);
  --orange-soft-strong: var(--ds-color-action-soft-strong);
  --orange-surface: var(--ds-color-action-surface);
  --orange-border: var(--ds-color-action-border);
  --orange-shadow: var(--ds-color-action-shadow);
  --line: var(--ds-color-border);
  --paper: var(--ds-color-surface);
  --background: var(--ds-color-background);
}