/* Brand color lock — forced palette, loaded before every other stylesheet. */
:root {
	--brand-bg: #000000;
	--brand-accent: #0099ff;
	--brand-accent-hover: #0088ee;
	--brand-text: #ffffff;
	--brand-text-secondary: #cccccc;
	--brand-border: rgba(0, 153, 255, 0.35);
}

html,
body,
#root {
	background-color: var(--brand-bg) !important;
	color: var(--brand-text) !important;
}

header {
	background-color: var(--brand-bg) !important;
}

header a,
header span,
header nav a {
	color: inherit;
}

header .brand-text {
	color: var(--brand-text) !important;
}

footer {
	background-color: var(--brand-bg) !important;
	color: var(--brand-text-secondary) !important;
}

footer a {
	color: var(--brand-text-secondary) !important;
}

footer a:hover {
	color: var(--brand-accent) !important;
}

main {
	background-color: var(--brand-bg) !important;
	color: var(--brand-text) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--brand-text) !important;
}

/* Accent utilities used across the app */
.text-\[\#0099ff\],
.brand-accent-text {
	color: var(--brand-accent) !important;
}

.bg-\[\#0099ff\],
.brand-accent-bg {
	background-color: var(--brand-accent) !important;
	color: var(--brand-text) !important;
}

.border-\[\#0099ff\],
.brand-accent-border {
	border-color: var(--brand-accent) !important;
}

.text-\[\#cccccc\],
.brand-text-secondary {
	color: var(--brand-text-secondary) !important;
}

.text-white,
.text-\[\#ffffff\] {
	color: var(--brand-text) !important;
}

/* Secondary text — force silver #cccccc so it reads clearly on black
   instead of dimmed/translucent white. */
.text-white\/30,
.text-white\/40,
.text-white\/50,
.text-white\/60,
.text-white\/70,
.text-white\/80,
.text-white\/90,
.placeholder-white\/30,
.placeholder-white\/40,
.placeholder-white\/50 {
	color: var(--brand-text-secondary) !important;
	opacity: 1 !important;
}

/* Light borders — silver tint instead of faint white */
.border-white\/10,
.border-white\/15,
.border-white\/20,
.border-white\/25 {
	border-color: rgba(204, 204, 204, 0.25) !important;
}

.bg-\[\#000000\],
.bg-black {
	background-color: var(--brand-bg) !important;
}

/* Cart drawer / dialogs / popovers keep the same world */
[role="dialog"],
[data-radix-popper-content-wrapper] > * {
	background-color: var(--brand-bg) !important;
	color: var(--brand-text) !important;
	border-color: var(--brand-border) !important;
}

/* Inputs */
input,
textarea,
select {
	background-color: #0a0a0a !important;
	color: var(--brand-text) !important;
	border-color: var(--brand-border) !important;
}

input::placeholder,
textarea::placeholder {
	color: var(--brand-text-secondary) !important;
	opacity: 1;
}

/* Neutralize any leftover light theme surfaces */
.bg-background,
.bg-card,
.bg-popover,
.bg-muted,
.bg-secondary {
	background-color: var(--brand-bg) !important;
}

.text-foreground,
.text-card-foreground,
.text-popover-foreground {
	color: var(--brand-text) !important;
}

.text-muted-foreground {
	color: var(--brand-text-secondary) !important;
}

.bg-primary {
	background-color: var(--brand-accent) !important;
}

.text-primary,
.text-primary-foreground {
	color: var(--brand-text) !important;
}