/* ============================================================
   ctxcode 学习平台 · 全局基础层（全站所有页面引用）
   仅包含设计变量与字体统一，不改变任何布局
   ============================================================ */

:root {
    /* 背景与表面 */
    --bg: #f5f7fa;
    --surface: #ffffff;
    --surface-2: #f8f9fb;

    /* 边框 */
    --border: #e5e7eb;
    --border-strong: #d0d5dd;

    /* 文字 */
    --text: #1f2329;
    --text-2: #5f6672;
    --text-3: #8f959e;

    /* 主色与状态色 */
    --primary: #2563eb;
    --primary-hover: #1d4ed8;
    --primary-soft: #eff4ff;
    --success: #16a34a;
    --success-soft: #ecfdf3;
    --danger: #dc2626;
    --danger-soft: #fef3f2;
    --warning: #d97706;
    --warning-soft: #fffaeb;

    /* 圆角与阴影 */
    --radius: 12px;
    --radius-sm: 8px;
    --radius-btn: 8px;
    --radius-pill: 999px;
    --shadow: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);
    --shadow-md: 0 4px 12px rgba(16, 24, 40, .08);
    --shadow-lg: 0 8px 24px rgba(16, 24, 40, .12);

    /* 字体 */
    --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
}

body {
    font-family: var(--font) !important;
}