/* ═══════════════════════════════════════════
   variables-personalizadas.css
   GENERADO automáticamente — NO editar manualmente.
   ═══════════════════════════════════════════ */

:root {
  --primary: #6c5ce7;
  --primary-hover: #5a4bd1;
  --primary-light: rgba(108,92,231,0.12);
  --accent: #6c5ce7;
  --color-emphasis: #6c5ce7;
  --bg-main: #f5f6fa;
  --bg-sidebar: #1a1a2e;
  --sidebar-bg: #1e1e2f;
  --sidebar-text: #b3b3cb;
  --sidebar-hover-bg: rgba(255,255,255,0.05);
  --bg-topbar: rgba(255,255,255,0.85);
  --text-primary: #2d3436;
  --text-secondary: #636e72;
  --text-sidebar: rgba(255,255,255,0.88);
  --text-sidebar-muted: rgba(255,255,255,0.5);
  --card-bg: #ffffff;
  --border-color: #e0e0e0;
  --radius: 10px;
  --radius-sm: 8px;
  --shadow: 0 2px 12px rgba(0,0,0,0.06);
  --sidebar-width: 280px;
  --sidebar-collapsed: 72px;
  --topbar-height: 64px;
  --transition-speed: 0.3s;
  --font-family: 'Inter', system-ui, sans-serif;
  --mobile-header-height: 56px;
  --mobile-tab-height: 64px;
  --touch-min: 44px;
  --glass-bg: rgba(255,255,255,0.92);
  --glass-blur: 20px;
  --mobile-radius: 10px;
  --mobile-shadow: 0 -2px 10px rgba(0,0,0,0.06);
  --sidebar-width-expanded: 280px;
  --sidebar-width-collapsed: 72px;
  --focus-ring-color: #6c5ce7;
  --dark-primary: #9d93e0;
  --dark-primary-hover: #b0a8e8;
  --dark-primary-light: rgba(157,147,224,0.15);
  --dark-accent: #9d93e0;
  --dark-color-emphasis: #9d93e0;
  --dark-bg-main: #0f1117;
  --dark-bg-sidebar: #0d0f17;
  --dark-sidebar-bg: #0d0f17;
  --dark-sidebar-text: #c8cce0;
  --dark-sidebar-hover-bg: rgba(255,255,255,0.07);
  --dark-bg-topbar: #1a1d27;
  --dark-text-primary: #e8eaed;
  --dark-text-secondary: #9aa0b0;
  --dark-text-sidebar: #d0d4e8;
  --dark-text-sidebar-muted: rgba(255,255,255,0.45);
  --dark-card-bg: #1e2130;
  --dark-border-color: #2d3348;
  --dark-shadow: 0 2px 12px rgba(0,0,0,0.4);
  --dark-glass-bg: rgba(30,33,48,0.92);
  --dark-glass-blur: 20px;
  --dark-mobile-shadow: 0 -2px 10px rgba(0,0,0,0.3);
  --dark-sidebar-width-expanded: 280px;
  --dark-sidebar-width-collapsed: 72px;
  --dark-focus-ring-color: #7c6fcd;
  --accent-color: #6c5ce7;
  --font-scale: 1.00;
}

[data-mode="dark"] {
  --primary: #9d93e0;
  --primary-hover: #b0a8e8;
  --primary-light: rgba(157,147,224,0.15);
  --accent: #9d93e0;
  --color-emphasis: #9d93e0;
  --bg-main: #0f1117;
  --bg-sidebar: #0d0f17;
  --sidebar-bg: #0d0f17;
  --sidebar-text: #c8cce0;
  --sidebar-hover-bg: rgba(255,255,255,0.07);
  --bg-topbar: #1a1d27;
  --text-primary: #e8eaed;
  --text-secondary: #9aa0b0;
  --text-sidebar: #d0d4e8;
  --text-sidebar-muted: rgba(255,255,255,0.45);
  --card-bg: #1e2130;
  --border-color: #2d3348;
  --shadow: 0 2px 12px rgba(0,0,0,0.4);
  --glass-bg: rgba(30,33,48,0.92);
  --glass-blur: 20px;
  --mobile-shadow: 0 -2px 10px rgba(0,0,0,0.3);
  --sidebar-width-expanded: 280px;
  --sidebar-width-collapsed: 72px;
  --focus-ring-color: #7c6fcd;
  --shadow: 0 2px 12px rgba(0,0,0,0.3);
}

:root {
  --sidebar-width: 260px;
  --sidebar-bg: #1a1a2e;
  --sidebar-text: #e2e8f0;
  --sidebar-accent: #6c5ce7;
  --topbar-height: 60px;
  --topbar-bg: #ffffff;
  --topbar-text: #1a1a2e;
  --topbar-border: #e2e8f0;
  --avatar-bg: #6c5ce7;
  --avatar-text: #ffffff;
  --notif-color: #ef4444;
  --nav-radius: 8px;
  --nav-padding: 10px;
}