:root {
  --font-sans: Inter, Manrope, "Segoe UI", Roboto, Arial, sans-serif;

  --color-sidebar: #07101a;
  --color-sidebar-2: #0d161f;
  --color-gold: #f59e0b;
  --color-gold-2: #d89500;

  /* Color principal global. Cambiar estas variables actualiza toda la interfaz. */
  --color-primary: var(--color-gold);
  --color-primary-2: var(--color-gold-2);
  --color-primary-soft: #fff7df;
  --color-primary-ring: rgba(245, 158, 11, .14);
  --color-bg: #f7f8fb;
  --color-card: #ffffff;
  --color-text: #111827;
  --color-muted: #64748b;
  --color-border: #e6eaf0;
  --color-green: #22a447;
  --color-green-bg: #edf9f0;
  --color-red: #ef4444;
  --color-red-bg: #fff1f2;
  --color-blue: #2563eb;
  --color-orange: #f59e0b;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --shadow-soft: 0 8px 28px rgba(15, 23, 42, .06);
  --shadow-card: 0 2px 12px rgba(15, 23, 42, .035);
  --transition: 180ms ease;

  --sidebar-width: 238px;
  --sidebar-collapsed-width: 84px;
  --topbar-height: 82px;
}