:root {
    /* Background */
    --bg-primary: #0d1117;
    --bg-secondary: #161b22;
    --bg-tertiary: #21262d;
    --bg-elevated: #1c2128;

    /* Accents */
    --accent-ts: #3178c6;
    --accent-csharp: #68217a;
    --accent-neon: #58a6ff;
    --accent-green: #3fb950;
    --accent-red: #f85149;
    --accent-yellow: #d29922;

    /* Text */
    --text-primary: #f0f6fc;
    --text-secondary: #8b949e;
    --text-tertiary: #6e7681;

    /* Gradients */
    --gradient-brand: linear-gradient(135deg, #3178c6, #68217a);
    --gradient-brand-hover: linear-gradient(135deg, #4a93e0, #8a3ba0);
    --gradient-brand-text: linear-gradient(135deg, #58a6ff, #b375d4);

    /* Borders */
    --border-default: #30363d;
    --border-muted: #21262d;

    /* Typography */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', 'Cascadia Code', 'Fira Code', 'Consolas', monospace;

    /* Sizing */
    --max-width: 1200px;
    --nav-height: 64px;
    --section-padding: 7rem 2rem;
    --border-radius: 8px;
    --border-radius-lg: 12px;
    --border-radius-xl: 16px;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.6);
    --shadow-glow-ts: 0 0 24px rgba(49, 120, 198, 0.2);
    --shadow-glow-csharp: 0 0 24px rgba(104, 33, 122, 0.2);
    --shadow-glow-neon: 0 0 20px rgba(88, 166, 255, 0.15);

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-default: 250ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 400ms cubic-bezier(0.4, 0, 0.2, 1);
}