/* ── Shared theme: mateng.world ── */

/* ── Reset (align with Tailwind preflight) ── */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
  --bg: #f4f0e6;
  --bg-card: #faf8f2;
  --text: #4a4338;
  --text-dim: #8c8272;
  --text-bright: #18140e;
  --accent: #b8832e;
  --accent-dim: #7a5620;
  --accent-glow: rgba(184,131,46,0.1);
  --red-warm: #c45c4a;
  --border: rgba(24,20,14,.08);
  --border-light: rgba(24,20,14,.12);
  --sans: 'Noto Sans SC','PingFang SC',sans-serif;
  --mono: 'DM Mono',monospace;
  --sans-en: 'Inter','SF Pro Display',sans-serif;
  --nav-glass: rgba(244,240,230,.88);
  --nav-mobile: rgba(244,240,230,.97);
  --card-hover: #ede8d8;
}

/* ── Dark Mode ── */
.dark {
  --bg: #1a1814;
  --bg-card: #24211c;
  --text: #c4beb0;
  --text-dim: #9a9280;
  --text-bright: #e8e4d8;
  --accent: #d4a84b;
  --accent-dim: #b08030;
  --accent-glow: rgba(212,168,75,0.12);
  --red-warm: #d4735a;
  --border: rgba(232,228,216,.08);
  --border-light: rgba(232,228,216,.14);
  --nav-glass: rgba(26,24,20,.92);
  --nav-mobile: rgba(26,24,20,.97);
  --card-hover: var(--bg);
}

/* ── Blue Mode ── */
:root[data-theme="blue"] {
  --bg: #eef4ff;
  --bg-card: #f8fbff;
  --text: #42526b;
  --text-dim: #6e7f99;
  --text-bright: #10233f;
  --accent: #2563eb;
  --accent-dim: #1d4ed8;
  --accent-glow: rgba(37,99,235,.12);
  --red-warm: #3b82f6;
  --border: rgba(16,35,63,.08);
  --border-light: rgba(16,35,63,.14);
  --nav-glass: rgba(238,244,255,.9);
  --nav-mobile: rgba(238,244,255,.97);
  --card-hover: #e3edff;
}