/* DiveDeep Brand Theme Override for mkdocs-shadcn */

/* Dark mode color overrides - target the .dark class */
.dark {
  /* Background colors */
  --background: 190 97% 8%; /* #011F27 */
  --foreground: 180 8% 97%; /* #F9FBFB */
  
  /* Card/surface colors */
  --card: 189 96% 11%; /* #012D37 */
  --card-foreground: 180 8% 97%;
  
  --popover: 189 96% 11%;
  --popover-foreground: 180 8% 97%;
  
  /* Muted */
  --muted: 188 28% 17%; /* darker muted */
  --muted-foreground: 180 8% 67%; /* #9CADAF */
  
  /* Primary - Ocean Waves cyan */
  --primary: 187 100% 47%; /* #00DCEF */
  --primary-foreground: 190 97% 8%;
  
  /* Secondary */
  --secondary: 187 100% 32%; /* #008BA1 */
  --secondary-foreground: 180 8% 97%;
  
  /* Accent - Caribbean Waters teal */
  --accent: 170 97% 48%; /* #05F2DB */
  --accent-foreground: 190 97% 8%;
  
  /* Borders */
  --border: 186 14% 30%; /* #4B6163 darker */
  --input: 186 14% 30%;
  --ring: 187 100% 47%;
  
  /* Sidebar */
  --sidebar-background: 190 97% 8%;
  --sidebar-foreground: 180 8% 97%;
  --sidebar-primary: 187 100% 47%;
  --sidebar-primary-foreground: 190 97% 8%;
  --sidebar-accent: 189 96% 11%;
  --sidebar-accent-foreground: 180 8% 97%;
  --sidebar-border: 186 14% 30%;
  --sidebar-ring: 187 100% 47%;
  
  /* Surface */
  --surface: 189 96% 11%;
  --surface-foreground: 180 8% 97%;
  
  /* Destructive */
  --destructive: 345 96% 60%; /* #F93A67 */
  --destructive-foreground: 180 8% 97%;
}

/* Force background color on body */
.dark body,
.dark .bg-background,
.dark #inner-body {
  background-color: hsl(190 97% 8%) !important; /* #011F27 */
}

/* Header background */
.dark header,
.dark .md-header {
  background-color: hsl(189 96% 11%) !important; /* #012D37 */
}

/* Make the logo MUCH bigger */
img[alt="icon"],
img.size-5,
header img,
a[href*="divedeep"] img {
  width: 10rem !important;
  height: auto !important;
  max-height: 3rem !important;
  min-width: 10rem !important;
}

/* Logo container needs to be bigger too */
.size-8,
header .size-8,
header span.size-8 {
  width: auto !important;
  min-width: 10rem !important;
  height: auto !important;
}

/* Links */
.dark a {
  color: hsl(187 100% 47%);
}

.dark a:hover {
  color: hsl(170 97% 48%);
}

/* Typography links in content */
.dark .typography a {
  color: hsl(187 100% 47%);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.dark .typography a:hover {
  color: hsl(170 97% 48%);
}

/* Sidebar links */
.dark [data-sidebar="menu-button"] {
  color: hsl(180 8% 80%);
}

.dark [data-sidebar="menu-button"]:hover,
.dark [data-sidebar="menu-button"][data-active="true"] {
  color: hsl(187 100% 47%) !important;
}

/* Code blocks */
.dark pre,
.dark code {
  background-color: hsl(189 96% 9%) !important;
}

/* Selection */
.dark ::selection {
  background: hsla(187, 100%, 47%, 0.3);
}

/* Scrollbar */
.dark ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.dark ::-webkit-scrollbar-track {
  background: hsl(190 97% 8%);
}

.dark ::-webkit-scrollbar-thumb {
  background: hsl(186 14% 30%);
  border-radius: 4px;
}

.dark ::-webkit-scrollbar-thumb:hover {
  background: hsl(180 8% 50%);
}