/* =========================================================
   BFK design tokens
   用途：全站颜色、文字、边框、阴影和圆角的唯一变量入口。
========================================================= */

:root {
    /* Typography */
    --bfk-font-family: "Inter", sans-serif;

    /* Brand */
    --bfk-brand-strong: #16243d;
    --bfk-primary: #126bd6;
    --bfk-primary-rgb: 18, 107, 214;
    --bfk-primary-hover: #0e58b4;
    --bfk-accent: #ff8a34;
    --bfk-accent-rgb: 255, 138, 52;
    --bfk-accent-hover: #e96f18;
    --bfk-hero-gradient: radial-gradient(circle at 76% 18%, rgba(18, 107, 214, 0.13), transparent 32%), linear-gradient(180deg, #f5f9ff 0%, #ffffff 82%);
    --bfk-brand-gradient: linear-gradient(160deg, #126bd6 0%, #4b8fe8 100%);
    --bfk-recommended-gradient: linear-gradient(135deg, #ff8a34 0%, #ffad5c 100%);

    /* Surfaces */
    --bfk-white: #ffffff;
    --bfk-bg-alt: #f5f7fa;
    --bfk-primary-soft: #f0f6ff;
    --bfk-primary-soft-strong: #dceaff;
    --bfk-on-brand-muted: #dce8f7;

    /* Text */
    --bfk-body-color: #5f6875;
    --bfk-text-primary: #1d1d1f;
    --bfk-text-secondary: rgba(99, 115, 129, 0.95);
    --bfk-text-tertiary: rgba(17, 24, 39, 0.92);
    --bfk-muted: rgba(99, 115, 129, 0.9);

    /* Borders and shadows */
    --bfk-border: rgba(0, 0, 0, 0.08);
    --bfk-primary-border: rgba(var(--bfk-primary-rgb), 0.22);
    --bfk-primary-shadow: rgba(var(--bfk-primary-rgb), 0.14);
    --bfk-focus-ring: rgba(var(--bfk-primary-rgb), 0.38);
    --bfk-shadow: 0 20px 95px rgba(201, 203, 204, 0.25);
    --bfk-shadow-sm: 0 18px 60px rgba(201, 203, 204, 0.16);

    /* Radius */
    --bfk-radius: 10px;
    --bfk-radius-sm: 8px;

    /* Legacy aliases used by ud-styles.css. */
    --font: var(--bfk-font-family);
    --body-color: var(--bfk-body-color);
    --heading-color: var(--bfk-text-primary);
    --primary-color: var(--bfk-primary);
    --white: var(--bfk-white);
}