:root {
  /* Sidebar */
  --color-sidebar-bg: #0f172a;
  --color-sidebar-bg-deep: #0b1120;
  --color-sidebar-border: rgba(255, 255, 255, 0.08);
  --color-sidebar-text: rgba(255, 255, 255, 0.65);
  --color-sidebar-text-active: #ffffff;
  --color-sidebar-hover: rgba(255, 255, 255, 0.07);
  --color-sidebar-active: rgba(255, 255, 255, 0.1);
  --color-sidebar-label: rgba(255, 255, 255, 0.42);

  /* Header */
  --color-header-bg: #ffffff;
  --color-header-border: #e2e8f0;
  --color-header-icon: #64748b;

  /* Acento */
  --color-accent: #10b981;
  --color-accent-hover: #0ea271;
  --color-accent-soft: rgba(16, 185, 129, 0.12);

  /* Superficies */
  --color-surface-bg: #f7f8fa;
  --color-surface-card: #ffffff;
  --color-surface-border: #edf0f3;
  --color-surface-shadow: rgba(16, 24, 40, 0.06);
  --color-input-border: #cbd5e1;
  --radius-card: 12px;
  --radius-control: 8px;

  /* Texto */
  --color-text-title: #0f172a;
  --color-text-body: #475569;
  --color-text-muted: #94a3b8;

  /* Semánticos */
  --color-success: #16a34a;
  --color-warning: #d97706;
  --color-error: #dc2626;
}