/* ============================================================
 * Kooboo Design Variables
 * 本文件只允许 :root 中的 CSS 自定义属性声明及其分组注释
 * ============================================================ */
:root {
    /* 品牌色（与 Tailwind @theme --color-primary 一致） */
    --color-primary: #409eff;
    --color-primary-light: #79bbff;
    --color-primary-dark: #337ecc;
    --color-primary-bg: rgba(64, 158, 255, 0.1);

    /* 中性色 */
    --color-page-bg: #f9fafb;
    --color-card-bg: #ffffff;
    --color-border: #e8e8e8;
    --color-text: #1f2937;
    --color-text-secondary: #6b7280;
    --color-text-muted: #9ca3af;

    /* 形状与阴影 */
    --radius-card: 12px;
    --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.06);
}