:root {
  color-scheme: dark;

  --bg: #08080c;
  --surface: #12121a;
  --surface-2: #1a1a25;
  --surface-3: #232331;
  --border: #272735;
  --border-strong: #3a3a4c;
  --text: #f3f1ea;
  --muted: #9a99a8;
  --accent: #e7b35a;
  --accent-strong: #f7d38a;
  --accent-ink: #15110a;
  --danger: #ef6461;
  --danger-soft: rgb(239 100 97 / 0.12);
  --success: #46c98f;

  --poster-1: linear-gradient(135deg, #2b1d12 0%, #7a4a1c 60%, #e7b35a 100%);
  --poster-2: linear-gradient(135deg, #0f1f2e 0%, #1f4f6b 60%, #5ec3c9 100%);
  --poster-3: linear-gradient(135deg, #1d1330 0%, #5b2c7a 60%, #d86fa5 100%);
  --poster-4: linear-gradient(135deg, #111b14 0%, #2e5b3a 60%, #9ad17d 100%);

  --radius: 16px;
  --radius-sm: 10px;
  --gutter: 16px;
  --sidebar-width: 252px;
  --tabbar-height: 64px;
  --shadow: 0 24px 60px rgb(0 0 0 / 0.5);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}