:root {
    /* Colors */
    --bg-color: #000000;
    --text-color: #ffffff;
    --text-secondary: #a8a8a8;
    --border-color: #262626;
    --primary-color: #0095f6;
    --overlay-bg: rgba(0, 0, 0, 0.6);

    /* Typography */
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-size-base: 16px;
    --font-size-sm: 14px;
    --font-weight-regular: 400;
    --font-weight-bold: 600;

    /* Layout */
    --max-width: 935px;
    --header-height: 60px;
    --gap: 28px;
    
    /* Animation */
    --transition-speed: 0.3s;
}

@media (prefers-color-scheme: light) {
    :root {
        --bg-color: #fafafa;
        --text-color: #262626;
        --text-secondary: #8e8e8e;
        --border-color: #dbdbdb;
    }
}