/* 47 Khatam-Intarsie: micro-mosaic wood inlay, ebony and brass, used for tools. */
:root {
  color-scheme: dark;
  --bg: #2A160C;
  --surface: #3B1F10;
  --ink: #F3E3C3;
  --muted: #CDB58F;
  --line: #6B3A1C;
  --accent: #C89B4A;
  --accent-ink: #2A160C;
  --accent-2: #E9C77E;
  --highlight: #E9C77E;
  --verse: #E9C77E;
  --tile-a: #4A2612;
  --tile-b: #1A0C05;
  --tile-light: #F3E3C3;
  --header-bg: rgba(42, 22, 12, .94);
  --radius: 6px;
  --font-display: "Cinzel", Georgia, serif;
  --font-display-fa: "Lalezar", "Vazirmatn", sans-serif;
}
.decor { position: absolute; height: 100vh; }
.page { padding-top: 120px; }
.panel, .card { border: 3px solid var(--accent); box-shadow: inset 0 0 0 2px #1A0C05, 0 20px 50px rgba(0, 0, 0, .5); }
.card.is-soon { border-color: var(--line); }
.btn { background: var(--accent); color: #2A160C; border-color: var(--accent); border-radius: 6px; }
.btn.accent { background: var(--accent-2); border-color: var(--accent-2); }
.btn.ghost { background: transparent; color: var(--accent-2); border-color: var(--accent); }
.langs a[aria-current] { background: var(--accent); color: #2A160C; }
.field input, .field select, .field textarea, .field output { background: #2A160C; border-color: var(--line); color: var(--ink); }
.month .d { background: #2A160C; }
.month .d.is-today { outline-color: var(--accent-2); }
.page-title { background: rgba(42, 22, 12, .88); border: 3px solid var(--accent); padding: 24px; border-radius: 6px; }