/* ==========================================================================
   千辞 - CSS 变量体系（共享基础变量）
   主题色变量定义在 themes.css 中，通过 [data-theme] 切换
   ========================================================================== */

:root {
    /* ===== 圆角 ===== */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl: 1.25rem;

    /* ===== 动画 ===== */
    --transition-base: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-bounce: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    /* ===== 字号 ===== */
    --font-sans: 'Inter', 'system-ui', sans-serif;
}

/* ===== 高亮选择（跟随主题色） ===== */
::selection {
    background: var(--color-primary-lighter);
    color: var(--color-primary);
}

html.dark ::selection,
.dark ::selection {
    background: var(--color-accent-lighter);
    color: var(--color-accent);
}