/* Svev Lite-spesifikke farger og styling */

:root {
  --bg: #1a1420;
  --panel: #241c2e;
  --text: #f5e8f0;
  --brand: #9b6dff;
  --brand-2: #7c4ddb;
  --accent: #b794f6;
  --border: #5c4a6e;
  --button-text: #c0a0d0;
  --caption-text: #a086a0;
  --footer-text: #a086a0;
  --nav-hover-bg: rgba(155, 109, 255, 0.15);
  --ring: 0 0 0 2px rgba(155, 109, 255, 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);
}