:root {
    --bg:#0b0e13; --bg2:#12151c;
    --ink:#e5e7eb; --muted:#94a3b8;
    --accent:#b08d57;
  }
  body {
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial;
    background: var(--bg);
    color: var(--ink);
  }
  .brand-serif { font-family:'Playfair Display', serif; }
  .nav-dark { background: rgba(10,12,17,.45); backdrop-filter: blur(10px); border-bottom:1px solid rgba(255,255,255,.06); }
  .hero-dark {
    background: radial-gradient(1000px 400px at 0% -10%, rgba(176,141,87,.25), transparent 40%),
                linear-gradient(180deg, #0c1117 0%, #0b0e13 100%);
  }
  .text-accent { color: var(--accent) !important; }
  .btn-accent { background: var(--accent); color:#fff; }
  .btn-accent:hover { background:#987645; color:#fff; }
  .soft-dark { background: var(--bg2); }
  .theme-card {
    background: #0f131a; border:1px solid rgba(255,255,255,.06);
    border-radius:1rem; overflow:hidden;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }
  .theme-card:hover {
    transform: translateY(-6px);
    border-color: rgba(176,141,87,.6);
    box-shadow: 0 16px 40px rgba(0,0,0,.45);
  }
  .tag {
    position:absolute; top:.75rem; left:.75rem; background:#11161f; color:#e2e8f0;
    border:1px solid rgba(255,255,255,.12); border-radius:50rem;
    padding:.2rem .6rem; font-size:.75rem;
  }
  .card-border { border:1px solid rgba(255,255,255,.08); border-radius:1rem; }
  .footer { border-top:1px solid rgba(255,255,255,.08); }
  a.nav-link { color:#cbd5e1 !important; }
  a.nav-link:hover { color:#fff !important; }
  .floating-chat { position:fixed; right:18px; bottom:18px; z-index:1080; }