@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --ls-accent: #3b82f6;
    --ls-accent-hover: #60a5fa;
    --ls-accent-soft: rgba(59, 130, 246, 0.14);
    --ls-accent-border: rgba(59, 130, 246, 0.45);
    --ls-accent-contrast: #ffffff;

    --ls-bg: rgba(12, 15, 21, 0.97);
    --ls-surface: #141821;
    --ls-surface-2: #1b202b;
    --ls-surface-3: #252c39;
    --ls-overlay: rgba(0, 0, 0, 0.55);

    --ls-border: rgba(255, 255, 255, 0.08);
    --ls-border-strong: rgba(255, 255, 255, 0.16);

    --ls-text: #f2f4f7;
    --ls-text-muted: #9aa3b2;
    --ls-text-faint: #646c7a;

    --ls-success: #22c55e;
    --ls-success-soft: rgba(34, 197, 94, 0.14);
    --ls-danger: #ef4444;
    --ls-danger-soft: rgba(239, 68, 68, 0.14);
    --ls-warning: #f5b014;
    --ls-warning-soft: rgba(245, 176, 20, 0.14);
    --ls-info: #38bdf8;
    --ls-info-soft: rgba(56, 189, 248, 0.14);

    --ls-radius-sm: 6px;
    --ls-radius: 10px;
    --ls-radius-lg: 16px;
    --ls-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
    --ls-shadow-sm: 0 6px 18px rgba(0, 0, 0, 0.35);
    --ls-blur: blur(14px);
    --ls-transition: 0.18s ease;

    --ls-font: 'Inter', 'Segoe UI', system-ui, sans-serif;
    --ls-font-mono: 'Cascadia Mono', Consolas, 'Courier New', monospace;
}

.ls-logo {
    width: 32px;
    height: 32px;
    object-fit: contain;
    flex-shrink: 0;
    border-radius: var(--ls-radius-sm);
    user-select: none;
    pointer-events: none;
}

.ls-logo.ls-logo-lg {
    width: 44px;
    height: 44px;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--ls-surface-3);
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--ls-border-strong);
}

::selection {
    background: var(--ls-accent-soft);
    color: var(--ls-text);
}