/* D-IT Core Styles
   Design tokens, globala basregler.
   Laddas av: base.html, base_admin.html, audiobooks/base.html
   Sprint 1 – 2026-03-09
*/

:root {
  --bg-900: #0b0f19;
  --bg-800: #111827;
  --bg-700: #162034;
  --cyan:   #0ea5e9;
  --muted:  #94a3b8;
  --admin-sidebar-width:      200px;
  --admin-mobile-nav-height:  57px;
  --admin-desktop-nav-height: 57px;
}

html {
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  background: radial-gradient(1200px 800px at 10% -20%, #0e1a2b 0%, #0b0f19 50%, #0b0f19 100%) !important;
  color: #e5e7eb;
  display: block !important;
  overflow-x: hidden;
  max-width: 100%;
}

#wrapper {
  min-height: 100vh;
}

.card {
  border: 1px solid rgba(148, 163, 184, .12);
  background: linear-gradient(180deg, rgba(16, 24, 39, .6), rgba(16, 24, 39, .4));
  backdrop-filter: blur(6px);
}

.card.glass {
  border: 1px solid rgba(148, 163, 184, .12);
  background: linear-gradient(180deg, rgba(16, 24, 39, .6), rgba(16, 24, 39, .4));
  backdrop-filter: blur(6px);
}

.glow {
  box-shadow: 0 0 0 1px rgba(14, 165, 233, .2),
              0 10px 30px -10px rgba(14, 165, 233, .35) inset;
}

.brand {
  color: #e2e8f0;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .3px;
}