/*
 * ═══════════════════════════════════════════════════
 *  Auth Core — 主题变量
 *  修改此文件即可全局切换主题色、字体、间距等
 * ═══════════════════════════════════════════════════
 */
:root {
    /* ── 字体 ── */
    --font-sans: 'Inter', 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
    --font-mono: 'IBM Plex Mono', 'Menlo', monospace;

    /* ── 基础底色（5 层深度） ── */
    --color-bg:          #0c1021;
    --color-bg-sidebar:  #080c18;
    --color-bg-elevated: rgba(14, 22, 40, 0.65);
    --color-bg-deep:     #070b16;
    --color-bg-surface:  rgba(16, 25, 45, 0.5);
    --color-bg-input:    rgba(8, 14, 28, 0.7);
    --color-bg-overlay:  rgba(2, 6, 16, 0.75);
    --color-bg-hover:    rgba(6, 182, 212, 0.03);
    --color-bg-table-head: rgba(8, 14, 28, 0.6);

    /* ── 主色（Primary）── 更克制的青色 ── */
    --color-primary:        #0ea5e9;
    --color-primary-hover:  #0284c7;
    --color-primary-dark:   #0369a1;
    --color-primary-light:  #38bdf8;
    --color-primary-text:   #7dd3fc;
    --color-primary-glow:   rgba(14, 165, 233, 0.15);

    /* ── 辅色（Secondary） ── */
    --color-secondary:      #10b981;
    --color-secondary-dark: #059669;

    /* ── 文字（6 层） ── */
    --color-text:          #94a3b8;
    --color-text-heading:  #f1f5f9;
    --color-text-bright:   #cbd5e1;
    --color-text-sub:      #8892a4;
    --color-text-muted:    #64748b;
    --color-text-dim:      #475569;
    --color-text-faint:    #334155;

    /* ── 状态色 ── */
    --color-success:       #10b981;
    --color-success-text:  #34d399;
    --color-success-light: #6ee7b7;
    --color-success-bg:    rgba(16, 185, 129, 0.08);

    --color-danger:        #ef4444;
    --color-danger-text:   #f87171;
    --color-danger-light:  #fca5a5;
    --color-danger-bg:     rgba(239, 68, 68, 0.06);

    --color-warning:       #f59e0b;
    --color-warning-text:  #fbbf24;
    --color-warning-bg:    rgba(245, 158, 11, 0.06);

    --color-neutral:       #64748b;
    --color-neutral-bg:    rgba(100, 116, 139, 0.08);

    --color-info-text:     #38bdf8;
    --color-info-bg:       rgba(14, 165, 233, 0.08);

    /* ── 边框（更细腻的分层） ── */
    --border-color:        rgba(148, 163, 184, 0.06);
    --border-color-hover:  rgba(148, 163, 184, 0.1);
    --border-color-focus:  rgba(14, 165, 233, 0.35);
    --border-color-input:  rgba(148, 163, 184, 0.08);
    --border-color-row:    rgba(148, 163, 184, 0.04);
    --border-color-card:   rgba(148, 163, 184, 0.07);
    --border-color-sidebar:rgba(148, 163, 184, 0.05);

    /* ── 渐变 ── */
    --gradient-primary:       linear-gradient(135deg, #0ea5e9, #0284c7);
    --gradient-accent:        linear-gradient(180deg, #0ea5e9, #0284c7);
    --gradient-sidebar-edge:  linear-gradient(180deg, rgba(14,165,233,0.12) 0%, rgba(14,165,233,0.03) 50%, transparent 100%);

    /* ── 阴影 ── */
    --shadow-primary:        0 1px 8px rgba(14, 165, 233, 0.2);
    --shadow-primary-hover:  0 4px 20px rgba(14, 165, 233, 0.25);
    --shadow-card:           0 1px 3px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(148, 163, 184, 0.04);
    --shadow-dropdown:       0 8px 32px rgba(0, 0, 0, 0.4);

    /* ── 圆角 ── */
    --radius-xs: 3px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 10px;
    --radius-2xl: 12px;
    --radius-full: 9999px;

    /* ── 布局尺寸 ── */
    --sidebar-width: 252px;
    --topbar-height: 56px;
    --content-padding: 40px;
}