/*
 * Dungeon Crawler Carl theme. Dark, moody, "System" HUD energy: but body text
 * stays WCAG AA readable at a dim party. Scoped to [data-theme="dcc"];
 * activates purely by existing (zero Ruby). Copy _tokens.css to add another.
 */

[data-theme="dcc"] {
  --color-bg: #0a0e12;
  --color-surface: #141c24;
  --color-text: #eaf1f5;
  --color-text-muted: #93a7b4;
  --color-accent: #ffb020; /* loot gold */
  --color-accent-contrast: #0a0e12;
  --color-border: #26333f;
  --color-success: #46d67f;
  --color-danger: #ff5c57;

  --font-display: "Kabel", "Futura", "Century Gothic", sans-serif;
  --font-body: "Klavika", "Kabel", "Futura", "Century Gothic", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", "Menlo", monospace;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --shadow-card: 0 0 0 1px rgba(255, 176, 32, 0.06), 0 8px 30px rgba(0, 0, 0, 0.5);

  --texture-bg: none;
}

/* A little HUD flourish for headings in the dungeon. */
[data-theme="dcc"] .theme-tag {
  letter-spacing: 0.12em;
}

/* Kabel is a display face: all-caps and bold is how it's meant to read (the
   host's directive). Apply to headings; body copy stays in --font-body so long
   text at a dim party remains legible. */
[data-theme="dcc"] h1,
[data-theme="dcc"] h2,
[data-theme="dcc"] h3 {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.02em;
}