:root {
    /* 黑暗系网站色彩搭配（适配AI科技风UI规范） */
    --color-primary: #00A8E8;
    --color-primary-light-1: #40C4FF;
    --color-primary-light-2: #40C4FF;
    --color-primary-dark-1: #0288D1;

    --color-secondary: #00C853;
    --color-tertiary: #FF9800;
    --color-accent: #F44336;

    --color-white: #FFFFFF;
    --color-gray-1: #121212;
    --color-gray-2: #1E1E1E;
    /* --color-gray-3: #424242; */
    --color-gray-3: #aaa;
    --color-gray-4: #B0BEC5;
    --color-gray-5: #E0E0E0;
    --color-gray-6: #121212;
    --color-black: #121212;

    --color-success: #00C853;
    --color-warning: #FF9800;
    --color-error: #F44336;

    /* Airtable Fonts */
    --font-family-zh: "Inter", "Noto Sans SC", "Source Han Sans CN", sans-serif;
    --font-family-en: "Inter", "Roboto", "Arial", sans-serif;

    /* Font Sizes */
    --font-size-h1: 32px;
    --font-size-h2: 28px;
    --font-size-h3: 24px;
    --font-size-h4: 18px;
    --font-size-body: 16px;
    --font-size-small: 14px;
    --font-size-btn: 16px;

    /* Font Weights */
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* Airtable-style Rounded Corners */
    --radius-btn: 6px;
    --radius-card: 8px;
    --radius-nav: 0;
    --radius-input: 6px;

    /* 科技风阴影 */
    --shadow-nav: 0 1px 2px rgba(0, 0, 0, 0.2);
    --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-card-hover: 0 3px 10px rgba(0, 168, 232, 0.2);
    --shadow-btn-hover: 0 2px 5px rgba(0, 168, 232, 0.3);
    --shadow-focus: 0 0 0 2px rgba(0, 168, 232, 0.4);
    --shadow-modal: 0 4px 12px rgba(0, 0, 0, 0.4);

    /* Spacing */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 48px;
    --spacing-xxl: 64px;

    /* Layout */
    --container-width: 1200px;
    --navbar-height: 60px;

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

    /* Theme */
    --theme: light;
}

@media (max-width: 767px) {
    :root {
        --font-size-h1: 28px;
        --font-size-h2: 24px;
        --font-size-h3: 20px;
        --font-size-h4: 16px;
        --font-size-body: 14px;
        --font-size-small: 13px;
        --navbar-height: 56px;
    }
}