:root {
  --background: 213 33% 98%;
  --foreground: 213 59% 15%;
  --primary: 213 59% 15%;
  --accent: 213 40% 94%;
  --accent-foreground: 213 59% 15%;
  --ring: 213 59% 35%;
  --radius: 0.75rem;
}
:root.dark {
  --background: 213 45% 8%;
  --foreground: 213 30% 96%;
  --card: 213 40% 12%;
  --primary: 213 30% 96%;
  --accent: 213 35% 20%;
  --accent-foreground: 213 30% 96%;
  --border: 213 30% 24%;
  --ring: 213 50% 70%;
}
header { border-top: 3px solid #10253e; }
:root.dark header { border-top-color: #8eafd4; }