/* 
 * FILE: /skin/fun/css/theme.base.css
 * DESC: 核心变量、颜色系统、布局重置
 */

:root {
    /* --- 核心色盘 (Teal/Blue Green 风格) --- */
    /* HSL模式：色相, 饱和度, 亮度 */
    --primary-h: 180;
    --primary-s: 98%;
    --primary-l: 32%; 
    
    /* 组合生成颜色 */
    --primary: hsl(var(--primary-h), var(--primary-s), var(--primary-l));
    --primary-hover: hsl(var(--primary-h), var(--primary-s), 25%);
    --primary-inverse: #ffffff;

    /* --- 界面颜色 --- */
    --background: #f8f9fa;
    --surface: #ffffff;
    --border-color: #e0e0e0;
    
    /* --- 文字颜色 --- */
    --text-main: #2c3e50;
    --text-muted: #636e72;
    
    /* --- 尺寸定义 --- */
    --radius: 12px;
    --container-width: 1200px; 
    --header-height: 70px;
}

/* --- 暗黑模式 --- */
[data-theme="dark"] {
    --background: #121212;
    --surface: #1e1e1e;
    --border-color: #333333;
    --text-main: #ececec;
    --text-muted: #a0a0a0;
    /* 暗黑模式下主色稍微亮一点，增加对比度 */
    --primary-l: 45%;
}

/* --- 基础重置 --- */
body {
    background-color: var(--background);
    color: var(--text-main);
    font-family: system-ui, -apple-system, sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* 修正 Pico.css 默认边距过大的问题 */
body > header, body > main, body > footer {
    padding: 0 !important;
}

main.container {
    max-width: var(--container-width);
    margin: 30px auto;
    padding: 0 20px;
    flex: 1; /* 让中间内容撑开，Footer沉底 */
    width: 100%;
}

a { text-decoration: none; color: inherit; transition: 0.2s; }
ul { list-style: none; padding: 0; margin: 0; }