:root {
    /* Colors - Deep Industrial Dark */
    --color-bg-0: #0a0a0b;      /* Deepest background */
    --color-bg-1: #121214;      /* Sidebar / Cards */
    --color-bg-2: #1c1c1f;      /* Input fields */
    --color-bg-3: #2a2a2e;      /* Borders / Hover */

    /* Text */
    --color-text-primary: #f0f0f2;
    --color-text-secondary: #9ea0a6;
    --color-text-muted: #62646c;

    /* Accent - Pure Purple */
    --color-accent: #9d4edd;
    --color-accent-hover: #7b2cbf;
    --color-accent-text: #ffffff;

    /* Semantic */
    --color-success: #10b981;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;
    --color-info: #3b82f6;

    /* Spacing & Borders */
    --border-width: 1px;
    --border-radius: 4px; /* Crisp corners */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;

    /* Transitions */
    --transition-fast: 0.15s ease;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: var(--color-bg-0);
    color: var(--color-text-primary);
    line-height: 1.5;
    height: 100vh;
    overflow: hidden; /* Main scroll happens in panes */
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: var(--color-bg-0);
}
::-webkit-scrollbar-thumb {
    background: var(--color-bg-3);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--color-accent);
}