:root {
    --lf-sidebar-width: 250px;
    --lf-topbar-height: 104px;

    --lf-bg: #050b1a;
    --lf-bg-soft: #071225;
    --lf-sidebar: #061126;
    --lf-sidebar-secondary: #091b38;
    --lf-surface: #0b1730;
    --lf-surface-raised: #101f3d;
    --lf-surface-soft: #0d1b36;
    --lf-border: rgba(148, 163, 184, 0.16);
    --lf-border-strong: rgba(124, 58, 237, 0.34);

    --lf-text: #f4f7ff;
    --lf-text-soft: #b9c3d8;
    --lf-text-muted: #7f8ca7;

    --lf-purple: #7c3aed;
    --lf-purple-bright: #8b5cf6;
    --lf-blue: #3b82f6;
    --lf-cyan: #22d3ee;
    --lf-green: #22c55e;
    --lf-amber: #f59e0b;
    --lf-orange: #f97316;
    --lf-red: #ef4444;
    --lf-pink: #ec4899;

    --lf-radius-sm: 10px;
    --lf-radius-md: 14px;
    --lf-radius-lg: 18px;
    --lf-radius-xl: 24px;

    --lf-shadow-card: 0 20px 50px rgba(0, 0, 0, 0.24);
    --lf-shadow-purple: 0 12px 30px rgba(124, 58, 237, 0.26);
    --lf-transition: 180ms ease;

    --lf-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}