:root {
    /* Color Palette - Dark Mode Only */
    --primary-color: #eee;
    --accent-color: #ff5555;
    --text-color: #ccc;
    --text-secondary: #999;
    --bg-body: #1a1a1a;
    --bg-card: #2a2a2a;
    --bg-card-rgb: 42, 42, 42;
    --border-color: #444;
    --code-bg: #333;

    /* Spacing */
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 20px;
    --spacing-lg: 30px;
    --spacing-xl: 40px;

    /* Typography */
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-size-base: 16px;
    --line-height-base: 1.6;

    /* Layout */
    --container-width: 1080px;
    --header-height: 160px;
    --sidebar-width: 300px;
    --border-radius: 8px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.3);
    --shadow-lg: 0 10px 15px rgba(0,0,0,0.5);
}