/* ============================================================
   GeoCommunity — Design Tokens
   视觉基线参考 claude.ai 的设计语言：
   暖白背景 + 炭灰文字 + 陶土强调色 + 克制的边框与阴影
   ============================================================ */

:root {
    /* ---- 颜色 · Light（暖白）---- */
    --bg-primary: #FAF9F5;        /* 页面背景：暖象牙白，绝不用纯白铺满 */
    --bg-secondary: #F2F0E9;      /* 次级背景（燕麦色块、hover 区）*/
    --surface: #FFFFFF;           /* 浮层表面：搜索面板、输入区 */
    --surface-card: #FDFCF9;      /* 近白卡片 */
    --surface-hover: #F0EEE7;     /* 列表/按钮 hover */

    --text-primary: #2F2D2A;      /* 炭灰主文字，不用 #000 */
    --text-secondary: #66625D;
    --text-tertiary: #908B84;

    --border: #DEDCD4;
    --border-light: #E8E6DF;

    --accent: #D97757;            /* 陶土/珊瑚，仅少量使用 */
    --accent-hover: #C9684A;
    --accent-soft: rgba(217, 119, 87, 0.12);

    --code-bg: #F0EEE7;           /* 行内代码 */
    --code-block-bg: #312F2B;     /* 代码块：暖炭灰底 */
    --code-block-text: #E8E5DE;

    /* ---- 颜色 · Dark（暗色模式覆盖）---- */
    --dark-bg-primary: #262522;
    --dark-bg-secondary: #2D2B27;
    --dark-surface: #302E2A;
    --dark-surface-card: #2B2926;
    --dark-surface-hover: #383632;
    --dark-text-primary: #E8E5DE;
    --dark-text-secondary: #B7B2A9;
    --dark-text-tertiary: #87827A;
    --dark-border: #47433D;
    --dark-border-light: #3B3833;
    --dark-accent: #D97757;
    --dark-code-bg: #3B3934;
    --dark-code-block-bg: #1F1E1B;

    /* ---- 字体 ---- */
    --font-ui:
        "Source Sans 3", "Noto Sans SC",
        "Source Han Sans SC", "PingFang SC", "Microsoft YaHei",
        system-ui, -apple-system, sans-serif;
    --font-serif:
        "Source Serif 4", "Noto Serif SC",
        "Source Han Serif SC", "Songti SC", Georgia, serif;
    --font-mono:
        "JetBrains Mono", "SFMono-Regular", Consolas,
        "Liberation Mono", monospace;

    /* ---- 间距（4 / 8 / 12 / 16 / 24 / 32 / 48 / 64）---- */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;
    --sp-7: 48px;
    --sp-8: 64px;

    /* ---- 圆角（6 / 8 / 10 / 12 / 16）---- */
    --r-1: 6px;
    --r-2: 8px;
    --r-3: 10px;
    --r-4: 12px;
    --r-5: 16px;

    /* ---- 阴影（仅两级，非常轻）---- */
    --shadow-sm: 0 1px 2px rgba(45, 42, 36, 0.05);
    --shadow-md: 0 4px 16px rgba(45, 42, 36, 0.08);

    /* ---- 布局 ---- */
    --container-max: 1120px;
    --content-max: 720px;         /* 正文最大阅读宽度 */
    --header-h: 64px;

    /* ---- 动画 ---- */
    --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --dur-fast: 150ms;
    --dur: 200ms;

    color-scheme: light;
}

/* ---- 暗色模式 ---- */
[data-theme="dark"] {
    --bg-primary: var(--dark-bg-primary);
    --bg-secondary: var(--dark-bg-secondary);
    --surface: var(--dark-surface);
    --surface-card: var(--dark-surface-card);
    --surface-hover: var(--dark-surface-hover);

    --text-primary: var(--dark-text-primary);
    --text-secondary: var(--dark-text-secondary);
    --text-tertiary: var(--dark-text-tertiary);

    --border: var(--dark-border);
    --border-light: var(--dark-border-light);

    --accent: var(--dark-accent);
    --accent-soft: rgba(217, 119, 87, 0.18);

    --code-bg: var(--dark-code-bg);
    --code-block-bg: var(--dark-code-block-bg);
    --code-block-text: #D6D2CA;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.35);

    color-scheme: dark;
}