/* German Dominion · voice page theme overrides.
 *
 * voice.css ships the full voice-card feature UI as a self-contained
 * component (its own --bg/--surface-*/--border-*/--ink-*/--accent*/--warm*/
 * --sans/--mono/--r-* tokens), designed to be dropped onto any host page and
 * retthemed here without touching voice.css itself. This file retunes it to
 * the shared family palette (see /_shared.css) instead of the previous
 * theme, and drops the former left-rail layout offsets now that the shared
 * topbar (fixed, full width, 72px) replaces the old vertical nav rail.
 */

:root {
  --bg: #040706;
  --surface-1: rgba(8, 20, 16, 0.78);
  --surface-2: rgba(12, 28, 22, 0.76);
  --surface-3: rgba(16, 38, 29, 0.58);
  --surface-glass: rgba(8, 20, 16, 0.58);
  --surface-hi: rgba(57, 201, 119, 0.08);
  --border-1: rgba(242, 246, 239, 0.16);
  --border-2: rgba(57, 201, 119, 0.32);
  --border-lit: rgba(57, 201, 119, 0.62);
  --ink-1: #f2f6ef;
  --ink-2: rgba(242, 246, 239, 0.80);
  --ink-3: rgba(242, 246, 239, 0.62);
  --ink-4: rgba(242, 246, 239, 0.34);
  --accent: #39c977;
  --accent-hot: #63e79c;
  --accent-grad: linear-gradient(135deg, #39c977 0%, #63e79c 100%);
  --accent-glow: rgba(57, 201, 119, 0.45);
  --warm: #ffb347;
  --warm-hot: #ffc472;
  --warm-grad: linear-gradient(135deg, #ffb347 0%, #ffc472 100%);
  --warm-glow: rgba(255, 179, 71, 0.40);
  --sans: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --display: 'Anton', 'Inter', sans-serif;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
}

.voice-card {
  border-color: var(--border-2);
  border-top: 2px solid var(--accent);
  background: linear-gradient(145deg, rgba(255,255,255,0.04), transparent 70%);
}
.hero-title, .setup-title, .parts-label, .settings-head h2 { font-family: var(--display); font-weight: 400; text-transform: uppercase; }
.hero-eyebrow { color: var(--accent-hot); }
.hero-mark-dot { background: var(--accent-hot); }
.hero-mark-ring { border-color: var(--warm); }
.voice-home { display: none; }