:root {
    /* Color Palette */
    --color-bg-deep: #111827;       /* Deep Space */
    --color-bg-surface: #1F2937;    /* Surface */
    --color-bg-overlay: rgba(0, 0, 0, 0.7);

    --color-primary: #10B981;       /* Tech Emerald */
    --color-primary-hover: #059669;
    --color-primary-glow: rgba(16, 185, 129, 0.4);

    --color-alert: #F97316;         /* Alert Orange */
    --color-alert-glow: rgba(249, 115, 22, 0.4);

    --color-text-main: #F9FAFB;     /* White/Light Gray */
    --color-text-muted: #9CA3AF;    /* Gray */
    --color-text-dark: #111827;     /* For buttons/badges */

    --color-badge-private-bg: #374151;
    --color-badge-private-text: #D1D5DB;

    /* Typography */
    --font-sans: 'Inter', sans-serif;
    --font-mono: 'Roboto Mono', monospace;

    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;

    /* Border Radius */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
}