/*
 * TomeHaven's look, "Couch Corner" (the app's default style), from docs/apps/tomehaven-theme.css:
 * soft grey-brown, terracotta, flat tone-on-tone tiles, no shadows. Dark.
 * Load after ../site.css. Fonts: Lora and Nunito Sans (SIL Open Font Licence).
 */

:root {
  --bg: #24201d;
  --card: #2f2a26;
  --card2: #3a332e;
  --border: #443c36;
  --title: #f6f0ea;
  --text: #efe8e1;
  --text2: #d8cec4;
  --hint: #a89d92;
  --accent: rgb(226, 150, 108); /* terracotta */
  --h2: rgb(226, 150, 108);
  --button: #d08a62;
  --on-button: #2b160b;
  --code-bg: #1c1916;

  --display: "Lora", Georgia, serif;
  --display-weight: 600;
  --h3-font: "Lora", Georgia, serif;
  --h3-style: italic;
  --h3-weight: 500;
  --body: "Nunito Sans", system-ui, sans-serif;

  --radius-card: 20px;
  --shadow-card: none;
  color-scheme: dark;
}

/* Flat tiles: tone on tone, no outlines. */
.card { border-color: transparent; }
.compare .pro { border-color: rgba(226, 150, 108, 0.5); }
h3 { color: var(--title); }
.badge { background: rgba(226, 150, 108, 0.14); border-color: rgba(226, 150, 108, 0.5); font-family: var(--body); font-weight: 800; }