/* Mörkt Jellyseerr-likt tema */
:root {
  --bg: #111827;
  --bg-deep: #0b1120;
  --card: #1f2937;
  --card-hover: #273449;
  --text: #e5e7eb;
  --text-dim: #9ca3af;
  --accent: #6366f1;
  --accent-hover: #818cf8;
  --danger: #f87171;
}

* {
  box-sizing: border-box;
}

html,
body,
#app {
  margin: 0;
  min-height: 100vh;
}

body {
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);
  background-attachment: fixed;
  color: var(--text);
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

a {
  color: var(--accent-hover);
  text-decoration: none;
}

button {
  font: inherit;
  border: 0;
  border-radius: 0.5rem;
  padding: 0.55rem 1.1rem;
  background: var(--accent);
  color: #fff;
  cursor: pointer;
  transition: background 0.15s;
}

button:hover {
  background: var(--accent-hover);
}

input[type='text'],
input[type='password'],
input[type='search'] {
  font: inherit;
  color: var(--text);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.5rem;
  padding: 0.55rem 0.9rem;
  outline: none;
  width: 100%;
}

input:focus {
  border-color: var(--accent);
}