/* Custom dark dashboard skin inspired by the provided reference */
:root,
.dark,
.radix-themes,
.radix-themes.dark {
  --background: #2d2d2d !important;
  --foreground: #acb3b9 !important;
  --card-light: rgba(57, 57, 57, 0.97) !important;
  --card-dark: rgba(57, 57, 57, 0.97) !important;
  --card: rgba(57, 57, 57, 0.97) !important;
  --card-foreground: #acb3b9 !important;
  --popover: rgba(57, 57, 57, 0.98) !important;
  --popover-foreground: #acb3b9 !important;
  --primary: #d7dde6 !important;
  --primary-foreground: #ffffff !important;
  --secondary: #43454c !important;
  --secondary-foreground: #aeb5c0 !important;
  --muted: #404248 !important;
  --muted-foreground: #9ea6b2 !important;
  --accent: #404248 !important;
  --accent-foreground: #acb3b9 !important;
  --border: rgba(255, 255, 255, 0.09) !important;
  --input: rgba(255, 255, 255, 0.08) !important;
  --ring: rgba(231, 116, 52, 0.35) !important;
}

html,
body,
#root {
  background: #2d2d2d !important;
  color: var(--foreground) !important;
}

body {
  background-image: radial-gradient(circle at top center, rgba(255, 255, 255, 0.03), transparent 38%), linear-gradient(180deg, #3a3a3a 0%, #2d2d2d 100%) !important;
}

#background-container,
#image-background,
#video-background {
  display: none !important;
}

.radix-themes {
  --purcarte-card-color: rgba(57, 57, 57, 0.97) !important;
  --theme-text-muted-color: #aeb5c0 !important;
  --theme-line-muted-color: rgba(255, 255, 255, 0.10) !important;
}

.purcarte-blur {
  background: rgba(57, 57, 57, 0.97) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.theme-card-style {
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
}

header .theme-card-style,
footer .theme-card-style {
  background: rgba(45, 45, 45, 0.98) !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  box-shadow: none !important;
}

header .theme-text-shadow,
header .theme-text-shadow a,
header .theme-text-shadow span {
  color: #e77334 !important;
  text-shadow: none !important;
}

header button svg,
header a[href="/admin"] svg,
header [data-state] svg {
  color: #e77334 !important;
}

header input,
header input[type="search"],
input[type="search"],
input[type="text"] {
  background: rgba(20, 21, 24, 0.30) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #acb3b9 !important;
}

header input::placeholder,
input::placeholder {
  color: #8f97a3 !important;
}

main .theme-card-style .text-secondary-foreground,
.theme-text-muted,
.text-secondary-foreground {
  color: #aeb5c0 !important;
}

main .theme-card-style a:hover,
main .theme-card-style .hover\:text-\(--accent-11\):hover,
main .theme-card-style .hover\:underline:hover {
  color: #e77334 !important;
}

.theme-button {
  background: rgba(231, 115, 52, 0.18) !important;
  color: #f1f4f8 !important;
}

.theme-button:hover,
.theme-button-ghost:hover {
  background: rgba(231, 115, 52, 0.24) !important;
}

.rt-Badge-tag-transparent {
  background: rgba(255, 255, 255, 0.10) !important;
  color: #d8dde5 !important;
}

footer p,
footer a {
  color: #9ea6b2 !important;
}

footer a:hover {
  color: #e77334 !important;
}