/* 默契问答 · Design System */
:root{
  --bg:#F6F5F4;
  --surface:#FFFFFF;
  --surface2:#F0EFED;
  --primary:#4F46E5;
  --primary-hover:#4338CA;
  --primary-light:#EEF2FF;
  --primary-text:#312E81;
  --accent:#F59E0B;
  --accent-light:#FFFBEB;
  --danger:#EF4444;
  --danger-light:#FEF2F2;
  --text:#1C1917;
  --text2:#78716C;
  --text3:#A8A29E;
  --border:#E7E5E4;
  --border2:#F0EFED;
  --shadow:0 1px 2px rgba(0,0,0,.04);
  --shadow-md:0 4px 12px rgba(0,0,0,.06);
  --shadow-lg:0 12px 32px rgba(0,0,0,.08);
  --radius:14px;
  --radius-sm:10px;
  --radius-lg:20px;
  --radius-full:999px;
  --font:'Inter','PingFang SC','Microsoft YaHei',sans-serif;
  --glass:rgba(255,255,255,.72);
  --gradient:linear-gradient(135deg,#4F46E5,#7C3AED);
}

[data-mode="dark"]{
  --bg:#0C0A09;
  --surface:#1C1917;
  --surface2:#292524;
  --primary:#818CF8;
  --primary-hover:#6366F1;
  --primary-light:rgba(99,102,241,.12);
  --primary-text:#C7D2FE;
  --accent:#FBBF24;
  --accent-light:rgba(251,191,36,.1);
  --danger:#F87171;
  --danger-light:rgba(248,113,113,.1);
  --text:#FAFAF9;
  --text2:#A8A29E;
  --text3:#78716C;
  --border:#292524;
  --border2:#1C1917;
  --shadow:0 1px 2px rgba(0,0,0,.3);
  --shadow-md:0 4px 12px rgba(0,0,0,.4);
  --shadow-lg:0 12px 32px rgba(0,0,0,.5);
  --glass:rgba(28,25,23,.72);
}

/* Compat */
:root{
  --violet-tint:var(--primary-light);--coral-tint:#DCFCE7;--accent-container:#FFFBEB;--cyan-container:#E0F2FE;--tertiary-container:#FFFBEB;--danger-tint:var(--danger-light);
  --white:#FFFFFF;--highlight:rgba(79,70,229,.08);--gradient-sync:var(--gradient);--font-display:var(--font);--font-body:var(--font);
  --line:#E7E5E4;--ink-soft:var(--text2);--highlight:rgba(79,70,229,.08);
  --outline:var(--border);--outline-variant:var(--border2);--on-surface:var(--text);
  --on-surface-variant:var(--text2);--surface-alt:var(--surface2);
  --shape-md:var(--radius);--shape-sm:var(--radius-sm);--shape-full:var(--radius-full);
  --shape-lg:var(--radius-lg);--shape-xl:var(--radius-lg);--shape-xs:6px;
  --primary-container:var(--primary-light);--secondary:#22C55E;--secondary-container:#F0FDF4;
  --error:var(--danger);--error-container:var(--danger-light);
  --elevation-1:var(--shadow);--elevation-2:var(--shadow-md);--elevation-3:var(--shadow-lg);--elevation-4:var(--shadow-lg);
  --shadow-card:var(--shadow);--shadow-pop:var(--shadow-lg);--peach:var(--accent);--gold:var(--accent);
  --paper:var(--surface);--ink:var(--text);--mist:var(--surface2);--line-soft:var(--border2);
  --violet:var(--primary);--coral:var(--secondary);  --glass-bg:var(--glass);--glass-border:var(--border);--glass-blur:blur(16px);
  --font-mono:monospace;--num-display:var(--font);
}
[data-mode="dark"]{
  --violet-tint:var(--primary-light);--coral-tint:rgba(34,197,94,.12);--accent-container:rgba(251,191,36,.1);
  --cyan-container:rgba(56,189,248,.12);--tertiary-container:rgba(251,191,36,.1);--danger-tint:var(--danger-light);
  --white:#FAFAF9;--gradient-sync:var(--gradient);--font-display:var(--font);--font-body:var(--font);
  --line:#292524;--ink-soft:var(--text2);--highlight:rgba(99,102,241,.12);
  --outline:var(--border);--outline-variant:var(--border2);--on-surface:var(--text);
  --on-surface-variant:var(--text2);--surface-alt:var(--surface2);
  --shape-md:var(--radius);--shape-sm:var(--radius-sm);--shape-full:var(--radius-full);
  --shape-lg:var(--radius-lg);--shape-xl:var(--radius-lg);--shape-xs:6px;
  --primary-container:var(--primary-light);--secondary:#34D399;--secondary-container:rgba(34,197,94,.12);
  --error:var(--danger);--error-container:var(--danger-light);
  --elevation-1:var(--shadow);--elevation-2:var(--shadow-md);--elevation-3:var(--shadow-lg);--elevation-4:var(--shadow-lg);
  --shadow-card:var(--shadow);--shadow-pop:var(--shadow-lg);--peach:var(--accent);--gold:var(--accent);
  --paper:var(--surface);--ink:var(--text);--mist:var(--surface2);--line-soft:var(--border2);
  --violet:var(--primary);--coral:var(--secondary);  --glass-bg:var(--glass);--glass-border:var(--border);--glass-blur:blur(16px);
  --font-mono:monospace;--num-display:var(--font);
}