/* SEMS design tokens — AbacusPro */
:root {
    --font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
    --bg-dark: #0a0f1a;
    --bg-dark-2: #111827;
    --surface: rgba(255, 255, 255, 0.04);
    --surface-hover: rgba(255, 255, 255, 0.08);
    --border: rgba(255, 255, 255, 0.08);
    --border-accent: rgba(56, 189, 248, 0.35);
    --text: #f1f5f9;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --accent: #38bdf8;
    --accent-2: #818cf8;
    --accent-warm: #fb923c;
    --abacus-accent: #4bbfee;
    --abacus-accent-hover: #67d4ff;
    --gradient-brand: linear-gradient(135deg, #38bdf8 0%, #818cf8 50%, #c084fc 100%);
    --gradient-nav-active: linear-gradient(135deg, #2563eb, #0284c7);
    --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.25);
    --radius: 16px;
    --radius-lg: 20px;
    --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --app-sidebar-width: 250px;
    --app-shell-bg: #070d18;
    --app-content-bg: radial-gradient(ellipse 70% 50% at 50% -20%, rgba(37, 99, 235, 0.12), transparent), #070d18;
}