/* Theme: warm, casual. */
:root {
  --color-bg: #fff3e4;
  --color-text: #3b2418;
  --color-muted: #6b4a3a;
  --color-accent: #a8361a;
  --color-on-accent: #ffffff;
  --color-focus: #1d4ed8;
  --radius: 1.5rem;
  --font-heading: Georgia, "Times New Roman", serif;
}
.card { justify-content: center; }
h1 { font-weight: 400; font-size: 2.5rem; }
.button { border-radius: 999px; }
.switch { border-radius: 999px; }
.avatar { background: transparent; color: var(--color-accent); border: var(--border-width) solid var(--color-accent); }