/* Svev Lite-spesifikke farger og styling */
/* Brukar same fargetema som resten av nettsida */

:root {
  --bg: #1a0f0f;
  --panel: #291818;
  --text: #f5e8e0;
  --text-muted: #c9ada0;
  --brand: #d47474;
  --brand-2: #c15b4f;
  --accent: #e88b87;
  --border: #4a3030;
  --button-text: #c9ada0;
  --caption-text: #c9ada0;
  --footer-text: #c9ada0;
  --nav-hover-bg: rgba(212, 116, 116, 0.15);
  --ring: 0 0 0 2px rgba(212, 116, 116, 0.35);
}

body {
  background: var(--bg);
  color: var(--text);
}

header {
  background: var(--panel);
}

.lang-switch button {
  color: var(--button-text);
}

.lang-switch button.active {
  color: var(--bg);
}

.caption {
  color: var(--caption-text);
}

footer {
  background: var(--panel);
}

footer p {
  color: var(--footer-text);
}

.app-store-badge {
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.app-store-badge:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(155, 109, 255, 0.4);
}