/* ==============================
   北极星计划 Phase 0.1 — CSS 变量体系
   剑守麦芒小程序管理后台
   文件名: admin-vars.css
   ============================== */

:root {
  /* ── 品牌色（紫）── */
  --clr-brand-50: #f5f3ff;
  --clr-brand-100: #ede9fe;
  --clr-brand-400: #a78bfa;
  --clr-brand-500: #8b5cf6;
  --clr-brand-600: #7c3aed;
  --clr-brand-700: #6366f1;

  /* ── 语义色 ── */
  --clr-success-50: #ecfdf5;
  --clr-success-400: #059669;
  --clr-success-500: #10b981;
  --clr-success-700: #15803d;

  --clr-danger-50: #fef2f2;
  --clr-danger-400: #ef4444;
  --clr-danger-500: #dc2626;

  --clr-warning-50: #fff7ed;
  --clr-warning-500: #f97316;

  --clr-info-50: #e0f2fe;
  --clr-info-500: #0284c7;
  --clr-info-600: #3b82f6;

  /* ── 侧边栏 ── */
  --clr-sidebar-bg-start: #0b0b16;
  --clr-sidebar-bg-end: #1a1a2e;
  --clr-sidebar-text: rgba(255, 255, 255, 0.7);
  --clr-sidebar-text-dim: rgba(255, 255, 255, 0.4);
  --clr-sidebar-hover-bg: rgba(139, 92, 246, 0.15);
  --clr-sidebar-active-border: #8b5cf6;
  --clr-sidebar-width: 220px;

  /* ── 中性色（背景/文字/边框）── */
  --clr-white: #ffffff;
  --clr-bg-page: #f7f8fa;
  --clr-bg-card: #f8f9fa;
  --clr-bg-hover: #f0f0f0;
  --clr-bg-input: #f1f5f9;
  --clr-bg-striped: #fafafa;

  --clr-text-primary: #333333;
  --clr-text-secondary: #475569;
  --clr-text-muted: #555555;
  --clr-text-dim: #666666;
  --clr-text-hint: #888888;
  --clr-text-placeholder: #999999;
  --clr-text-disabled: #bbbbbb;

  --clr-border-primary: #e5e7eb;
  --clr-border-light: #e2e8f0;
  --clr-border-input: #d1d5db;
  --clr-border-subtle: #eeeeee;

  /* ── 圆角 ── */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 24px;

  /* ── 间距 ── */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-2xl: 24px;
  --space-3xl: 32px;

  /* ── 阴影 ── */
  --shadow-xs: 0 1px 2px rgba(0,0,0,.04);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md: 0 4px 6px rgba(0,0,0,.04), 0 2px 4px rgba(0,0,0,.06);
  --shadow-lg: 0 10px 15px rgba(0,0,0,.06), 0 4px 6px rgba(0,0,0,.04);
  --shadow-xl: 0 20px 25px rgba(0,0,0,.08), 0 8px 10px rgba(0,0,0,.04);
  --shadow-glow: 0 0 0 3px rgba(124,58,237,.15);
  --shadow-card: 0 0 0 1px rgba(0,0,0,.03), 0 2px 4px rgba(0,0,0,.04), 0 12px 24px rgba(0,0,0,.04);

  /* ── 玻璃效果 ── */
  --glass-bg: rgba(255,255,255,.72);
  --glass-border: rgba(255,255,255,.5);
  --glass-blur: 12px;
  --glass-shadow: 0 8px 32px rgba(0,0,0,.06);

  /* ── 渐变 ── */
  --gradient-brand: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);
  --gradient-dark: linear-gradient(180deg, #0f0f1a 0%, #1a1a2e 100%);
  --gradient-card-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-card-teal: linear-gradient(135deg, #0d9488 0%, #10b981 100%);
  --gradient-card-amber: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
  --gradient-card-rose: linear-gradient(135deg, #e11d48 0%, #be123c 100%);

  /* ── 高级质感 ── */
  --surface-1: #ffffff;
  --surface-2: #f8fafc;
  --surface-glass: rgba(255,255,255,.8);
  --border-glass: 1px solid rgba(0,0,0,.06);

  /* ── 字体/尺寸 ── */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Microsoft YaHei", sans-serif;
  --font-xs: 11px;
  --font-sm: 12px;
  --font-md: 13px;
  --font-base: 14px;
  --font-lg: 16px;
  --font-xl: 18px;
  --font-2xl: 24px;

  /* ── 过渡 ── */
  --transition-fast: 0.15s ease;
  --transition-base: 0.2s ease;
}