:root {
  --es-navy: #0b2a5b;
  --es-primary: #2563eb;
  --es-solar: #fbbf24;
  --es-success: #22c55e;
  --es-bg: #f4f6fa;
  --es-surface: #ffffff;
  --es-text: #1e293b;
  --es-text-muted: #64748b;
  --es-border: #e2e8f0;
  --es-radius: 12px;
  --es-radius-lg: 16px;
  --es-shadow: 0 4px 24px rgba(11, 42, 91, 0.06);
  --es-shadow-hover: 0 8px 32px rgba(11, 42, 91, 0.1);
  --es-sidebar-width: 248px;
  --es-sidebar-collapsed: 72px;
  --es-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
  font-family: var(--es-font);
  color: var(--es-text);
  background: var(--es-bg);
  -webkit-font-smoothing: antialiased;
}

button,
input,
select {
  font: inherit;
}

.es-app[data-sidebar="collapsed"] {
  --es-sidebar-current: var(--es-sidebar-collapsed);
}

.es-app:not([data-sidebar="collapsed"]) {
  --es-sidebar-current: var(--es-sidebar-width);
}