/* ============================================
   theme.css — 迪卓依思 djoyce.com 主题变量
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap');

:root {
    /* 品牌色 - 地球主题 */
    --color-primary: #2E7D32;
    --color-primary-light: #4CAF50;
    --color-primary-dark: #1B5E20;
    --color-secondary: #0277BD;
    --color-secondary-light: #29B6F6;
    --color-secondary-dark: #01579B;
    --color-accent: #FF6F00;
    --color-accent-light: #FF9800;
    --color-earth: #5D4037;
    --color-earth-light: #8D6E63;
    --color-sky: #E3F2FD;
    --color-sky-dark: #BBDEFB;

    /* 中性色 */
    --color-text: #212121;
    --color-text-secondary: #616161;
    --color-text-muted: #9E9E9E;
    --color-bg: #FAFAFA;
    --color-card: #FFFFFF;
    --color-border: #E0E0E0;
    --color-border-light: #F5F5F5;

    /* 字体 */
    --font-heading: 'Noto Serif SC', 'Source Han Serif SC', 'SimSun', serif;
    --font-body: 'Noto Sans SC', 'Source Han Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'SF Mono', 'Fira Code', 'Consolas', monospace;

    /* 间距系统 */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;
    --space-4xl: 6rem;

    /* 圆角 */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;

    /* 阴影 */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
    --shadow-xl: 0 16px 48px rgba(0,0,0,0.15);

    /* 过渡 */
    --transition-fast: 0.15s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* 容器 */
    --container-max: 1280px;
    --container-narrow: 960px;
}

/* 暗色模式预留 */
@media (prefers-color-scheme: dark) {
    :root {
        --color-text: #ECEFF1;
        --color-text-secondary: #B0BEC5;
        --color-text-muted: #78909C;
        --color-bg: #121212;
        --color-card: #1E1E1E;
        --color-border: #37474F;
        --color-border-light: #263238;
    }
}