/* ==========================================================================
   星美智芯系统 — Design Tokens v3.0
   全局设计变量：改一处，全站生效
   2026-06-27
   ========================================================================== */

:root {
    /* ----------------------------------------------------------------------
       主色 / Primary
       ---------------------------------------------------------------------- */
    --xm-primary-50: #eff6ff;
    --xm-primary-100: #dbeafe;
    --xm-primary-200: #bfdbfe;
    --xm-primary-300: #93c5fd;
    --xm-primary-400: #60a5fa;
    --xm-primary-500: #3b82f6;
    --xm-primary-600: #2563eb;
    --xm-primary-700: #1d4ed8;
    --xm-primary-800: #1e40af;
    --xm-primary-900: #1e3a8a;

    /* ----------------------------------------------------------------------
       语义色 / Semantic
       ---------------------------------------------------------------------- */
    --xm-success: #16a34a;
    --xm-success-bg: #f0fdf4;
    --xm-success-hover: #15803d;
    --xm-warning: #d97706;
    --xm-warning-bg: #fffbeb;
    --xm-warning-hover: #b45309;
    --xm-danger: #dc2626;
    --xm-danger-bg: #fef2f2;
    --xm-danger-hover: #b91c1c;
    --xm-info: #0891b2;
    --xm-info-bg: #ecfeff;
    --xm-info-hover: #0e7490;

    /* ----------------------------------------------------------------------
       中性色 / Neutral
       ---------------------------------------------------------------------- */
    --xm-white: #ffffff;
    --xm-black: #000000;
    --xm-slate-50: #f8fafc;
    --xm-slate-100: #f1f5f9;
    --xm-slate-200: #e2e8f0;
    --xm-slate-300: #cbd5e1;
    --xm-slate-400: #94a3b8;
    --xm-slate-500: #64748b;
    --xm-slate-600: #475569;
    --xm-slate-700: #334155;
    --xm-slate-800: #1e293b;
    --xm-slate-900: #0f172a;

    --xm-text-primary: #1e293b;
    --xm-text-secondary: #64748b;
    --xm-text-tertiary: #94a3b8;
    --xm-text-disabled: #cbd5e1;
    --xm-text-inverse: #ffffff;

    --xm-bg-page: #f8fafc;
    --xm-bg-card: #ffffff;
    --xm-bg-hover: #f1f5f9;
    --xm-bg-active: #e2e8f0;

    --xm-border: #e2e8f0;
    --xm-border-light: #f1f5f9;
    --xm-border-strong: #cbd5e1;
    --xm-border-hover: #94a3b8;

    /* ----------------------------------------------------------------------
       阴影 / Shadow
       ---------------------------------------------------------------------- */
    --xm-shadow-card: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);
    --xm-shadow-card-hover: 0 4px 12px rgba(37, 99, 235, 0.08), 0 2px 6px rgba(15, 23, 42, 0.04);
    --xm-shadow-dropdown: 0 4px 16px rgba(15, 23, 42, 0.08);
    --xm-shadow-modal: 0 8px 32px rgba(15, 23, 42, 0.12);
    --xm-shadow-focus: 0 0 0 3px rgba(37, 99, 235, 0.1);

    /* ----------------------------------------------------------------------
       圆角 / Radius
       ---------------------------------------------------------------------- */
    --xm-radius-xs: 2px;
    --xm-radius-sm: 4px;
    --xm-radius-md: 6px;
    --xm-radius-lg: 10px;
    --xm-radius-xl: 14px;
    --xm-radius-2xl: 20px;
    --xm-radius-full: 9999px;

    /* ----------------------------------------------------------------------
       字号 / Font Size
       ---------------------------------------------------------------------- */
    --xm-text-xs: 0.6875rem;   /* 11px */
    --xm-text-sm: 0.75rem;     /* 12px */
    --xm-text-base: 0.8125rem; /* 13px */
    --xm-text-md: 0.9375rem;   /* 15px */
    --xm-text-lg: 1rem;        /* 16px */
    --xm-text-xl: 1.125rem;    /* 18px */
    --xm-text-2xl: 1.5rem;     /* 24px */

    /* ----------------------------------------------------------------------
       间距 / Spacing
       ---------------------------------------------------------------------- */
    --xm-space-1: 4px;
    --xm-space-2: 8px;
    --xm-space-3: 12px;
    --xm-space-4: 16px;
    --xm-space-5: 20px;
    --xm-space-6: 24px;
    --xm-space-7: 28px;
    --xm-space-8: 32px;

    /* ----------------------------------------------------------------------
       尺寸 / Size
       ---------------------------------------------------------------------- */
    --xm-height-input: 2.25rem;
    --xm-height-input-sm: 1.875rem;
    --xm-height-btn: 2.25rem;
    --xm-height-btn-sm: 1.875rem;

    /* ----------------------------------------------------------------------
       过渡 / Transition
       ---------------------------------------------------------------------- */
    --xm-transition-fast: 0.1s ease;
    --xm-transition-base: 0.15s ease;
    --xm-transition-slow: 0.25s ease;

    /* ----------------------------------------------------------------------
       Z-Index
       ---------------------------------------------------------------------- */
    --xm-z-dropdown: 50;
    --xm-z-datepicker: 60;
    --xm-z-sticky: 100;
    --xm-z-modal-backdrop: 1000;

    /* 表格 */
    --xm-bg-table-header: #f5f6f7;
    --xm-table-row-height: 52px;

    /* 按钮 */
    --xm-btn-height-lg: 40px;
    --xm-btn-height: 32px;
    --xm-btn-height-sm: 24px;

    /* 标签 */
    --xm-tag-height: 22px;

    /* 表单 */
    --xm-form-error: #dc2626;
    --xm-form-error-bg: #fef2f2;
    --xm-form-success: #16a34a;
    --xm-form-success-bg: #f0fdf4;
}