/* Titanium — gentleman platinum: calm, expensive, quiet */
[data-mood="titanium"] {
  --bg: #0c0d10;
  --bg-elevated: #14161c;
  --bg-muted: #1c1f27;
  --surface: rgba(20, 22, 28, 0.92);
  --text: #ebe6df;
  --text-muted: #9a9388;
  --border: rgba(235, 230, 223, 0.1);
  --border-strong: rgba(235, 230, 223, 0.22);
  --accent: #c9b896;
  --accent-soft: rgba(201, 184, 150, 0.12);
  --on-accent: #0c0d10;
  --mood-glow: rgba(201, 184, 150, 0.16);
  --shadow: 0 28px 70px rgba(0, 0, 0, 0.45);
  --grid-line: rgba(235, 230, 223, 0.035);
}
[data-scheme="light"][data-mood="titanium"] {
  --bg: #f3f0ea;
  --bg-elevated: #faf8f4;
  --bg-muted: #e8e2d8;
  --surface: rgba(250, 248, 244, 0.92);
  --text: #1a1814;
  --text-muted: #6a6358;
  --border: rgba(26, 24, 20, 0.1);
  --border-strong: rgba(26, 24, 20, 0.22);
  --accent: #8a7350;
  --accent-soft: rgba(138, 115, 80, 0.12);
  --on-accent: #faf8f4;
  --mood-glow: rgba(138, 115, 80, 0.12);
  --shadow: 0 24px 50px rgba(26, 24, 20, 0.08);
  --grid-line: rgba(26, 24, 20, 0.05);
}
.mood-fx--titanium::before {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 80% 50% at 50% -10%, var(--mood-glow), transparent 55%),
    radial-gradient(ellipse 40% 30% at 90% 20%, rgba(201, 184, 150, 0.06), transparent 50%);
  opacity: 1;
}
.mood-fx--titanium::after {
  content: "";
  position: absolute; left: 8%; right: 8%; top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
  opacity: .22;
}