:root {
    --download-card-width: 1200px;
    --section-space: 72px;
    --bg-dark: #0b0d11;
    --bg-card: rgba(18, 21, 28, 0.82);
    --border-color: rgba(255, 255, 255, 0.08);
    --border-hover: rgba(255, 255, 255, 0.18);
    --text-primary: #f5f5f7;
    --text-secondary: #9ba1ad;
    --text-muted: #9ba1ad;
    --accent: #007AFF;
    --accent-hover: #0066d6;
    --accent-glow: rgba(0, 122, 255, 0.25);
    --accent-subtle: rgba(0, 122, 255, 0.12);
    --status-success: #34C759;
    --status-success-bg: rgba(52, 199, 89, 0.12);
    --status-warning: #FF9500;
    --status-error: #FF3B30;
    --navbar-bg: rgba(14, 17, 23, 0.78);
    --navbar-border: rgba(255, 255, 255, 0.1);
    --btn-primary-bg: #0066d6;
    --btn-primary-color: #ffffff;
    --btn-primary-hover: #0071e3;
    --badge-bg: rgba(255, 255, 255, 0.05);
    --badge-border: rgba(255, 255, 255, 0.1);
    --mac-frame-bg: #1a1a1c;
    --mac-frame-border: #2a2a2c;
    --download-card-bg: #1b2029;
    --download-card-border: #414955;
    --input-bg: rgba(255, 255, 255, 0.04);
    --input-select-bg: #14171f;
    --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, sans-serif;
    --font-serif: 'Instrument Serif', Georgia, serif;
    --font-mono: 'JetBrains Mono', "SF Mono", Menlo, Monaco, monospace;
    --transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-color-scheme: light) {
    :root {
        --bg-dark: #fbfbfd;
        --bg-card: rgba(255, 255, 255, 0.88);
        --border-color: rgba(0, 0, 0, 0.08);
        --border-hover: rgba(0, 0, 0, 0.16);
        --text-primary: #1d1d1f;
        --text-secondary: #6e6e73;
        --text-muted: #6e6e73;
        --accent: #0071e3;
        --accent-hover: #0077ed;
        --accent-glow: rgba(0, 113, 227, 0.2);
        --accent-subtle: rgba(0, 113, 227, 0.08);
        --status-success: #28a745;
        --status-success-bg: rgba(40, 167, 69, 0.12);
        --navbar-bg: rgba(255, 255, 255, 0.82);
        --navbar-border: rgba(0, 0, 0, 0.08);
        --btn-primary-bg: #0071e3;
        --btn-primary-color: #ffffff;
        --btn-primary-hover: #0066d6;
        --badge-bg: rgba(0, 0, 0, 0.04);
        --badge-border: rgba(0, 0, 0, 0.08);
        --mac-frame-bg: #f0f0f4;
        --mac-frame-border: #dcdce0;
        --download-card-bg: #f3f4f6;
        --download-card-border: #c4c9d2;
        --input-bg: rgba(0, 0, 0, 0.03);
        --input-select-bg: #ffffff;
    }

}

