/*
 * 水长清 IoT - 设计令牌
 * 清新自然风 · 绿色主调
 * 所有颜色、字体、间距、圆角、阴影的统一定义
 */
:root {
    /* ===== 主色板 ===== */
    --sc-primary: #059669;
    --sc-primary-hover: #047857;
    --sc-primary-dark: #065f46;
    --sc-primary-light: #d1fae5;
    --sc-primary-muted: #ecfdf5;
    --sc-primary-subtle: #f0fdf4;

    /* ===== 功能色 ===== */
    --sc-success: #10b981;
    --sc-success-light: #ecfdf5;
    --sc-success-dark: #d1fae5;
    --sc-danger: #ef4444;
    --sc-danger-light: #fef2f2;
    --sc-danger-dark: #fee2e2;
    --sc-danger-border: #fca5a5;
    --sc-warning: #f59e0b;
    --sc-warning-light: #fffbeb;
    --sc-warning-dark: #fef3c7;
    --sc-info: #0ea5e9;
    --sc-info-light: #f0f9ff;
    --sc-info-dark: #e0f2fe;

    /* ===== 中性色 & 文字 ===== */
    --sc-text-primary: #1e293b;
    --sc-text-secondary: #475569;
    --sc-text-muted: #94a3b8;
    --sc-border: #e2e8f0;
    --sc-border-light: #f1f5f9;
    --sc-bg-page: #f8fafc;
    --sc-bg-card: #ffffff;

    /* ===== 字体 ===== */
    --sc-font-sans: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
    --sc-font-mono: ui-monospace, "Cascadia Code", Menlo, monospace;

    /* ===== 间距（4px 基准） ===== */
    --sc-space-1: 4px;
    --sc-space-2: 8px;
    --sc-space-3: 12px;
    --sc-space-4: 16px;
    --sc-space-5: 20px;
    --sc-space-6: 24px;
    --sc-space-8: 32px;
    --sc-space-12: 48px;

    /* ===== 圆角 ===== */
    --sc-radius-sm: 6px;
    --sc-radius-md: 10px;
    --sc-radius-lg: 14px;
    --sc-radius-pill: 50px;

    /* ===== 阴影 ===== */
    --sc-shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
    --sc-shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
    --sc-shadow-md: 0 4px 16px rgba(0,0,0,0.1);
    --sc-shadow-lg: 0 8px 32px rgba(0,0,0,0.15);

    /* ===== 侧边栏 ===== */
    --sc-sidebar-bg: linear-gradient(180deg, #065f46, #047857);
    --sc-sidebar-width: 240px;
    --sc-sidebar-active-border: #34d399;
    --sc-sidebar-active-bg: rgba(255,255,255,0.12);
    --sc-sidebar-hover-bg: rgba(255,255,255,0.06);
}