@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&display=swap");

:root {
  --font-display: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;

  /* Marca — azul iOfertas (corporativo) */
  --accent: #4e73df;
  --accent-hover: #3d63d0;
  --accent-dark: #2e59b8;
  --accent-soft: rgba(78, 115, 223, 0.1);
  --accent-glow: rgba(78, 115, 223, 0.15);

  --bg: #eef1f5;
  --bg-elevated: #ffffff;
  --bg-muted: #e4e8ee;

  --text: #1a1f2e;
  --text-secondary: #4a5568;
  --text-tertiary: #718096;

  --border: #d8dde6;
  --border-strong: #c5ccd8;

  --shadow-sm: 0 1px 2px rgba(26, 31, 46, 0.05);
  --shadow-md: 0 2px 8px rgba(26, 31, 46, 0.07);
  --shadow-lg: 0 4px 16px rgba(26, 31, 46, 0.1);

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;

  --danger: #c53030;
  --danger-bg: #fff5f5;

  /* Sidebar ERP */
  --sidebar-w: 248px;
  --sidebar-bg: #1e2533;
  --sidebar-bg-hover: rgba(255, 255, 255, 0.06);
  --sidebar-bg-active: rgba(78, 115, 223, 0.18);
  --sidebar-text: rgba(255, 255, 255, 0.72);
  --sidebar-text-active: #ffffff;
  --sidebar-border: rgba(255, 255, 255, 0.08);
  --sidebar-accent-bar: var(--accent);

  --radius: var(--radius-md);
  --white: var(--bg-elevated);
  --gray: var(--text-secondary);
  --shadow: var(--shadow-sm);
}