/* =============================================
   CSS Variables - Light Theme (Juejin-inspired)
   ============================================= */

:root {
    --primary: #1e80ff;
    --primary-dark: #1171ee;
    --primary-light: #529bff;
    --primary-50: rgba(30, 128, 255, 0.06);
    --primary-100: rgba(30, 128, 255, 0.12);
    --secondary: #ff6b35;
    --secondary-light: #ff8f66;
    --accent: #00b96b;

    --surface: #fff;
    --surface-solid: #fff;
    --surface-light: #f7f8fa;
    --surface-alt: #f2f3f5;
    --background: #f2f3f5;
    --background-deep: #e8e9ec;

    --text-primary: #252933;
    --text-secondary: #515767;
    --text-muted: #8a919c;

    --border: #e4e6eb;
    --border-strong: #dee0e6;
    --border-light: #f2f3f5;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.08);

    --glow-primary: none;
    --glow-secondary: none;
    --glow-accent: none;

    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-pill: 9999px;

    --transition: 0.2s ease;
    --transition-spring: 0.3s ease;

    --color-error: #f56c6c;
    --color-success: #00b96b;
    --color-info: #1e80ff;
    --color-warning: #ff9f43;
}