/*
 * monochrome.css — pure B&W palette override.
 * Does NOT touch position/z-index of layout elements.
 * Only sets colors, backgrounds, and aesthetic.
 */

:root,
:root[data-theme],
body,
body[data-theme],
body[data-theme="default"],
body[data-theme="cosmic"],
body[data-theme="cyberpunk"],
body[data-theme="brutalist"],
body[data-theme="synthwave"],
body[data-theme="experimental"] {
  --void:         #000000;
  --void-warm:    #000000;
  --void-edge:    #0a0a0a;
  --chalk:        #ffffff;
  --chalk-dust:   #e6e6e6;
  --chalk-90:     rgba(255,255,255,0.90);
  --chalk-64:     rgba(255,255,255,0.64);
  --chalk-42:     rgba(255,255,255,0.42);
  --chalk-22:     rgba(255,255,255,0.22);
  --chalk-12:     rgba(255,255,255,0.12);
  --chalk-08:     rgba(255,255,255,0.08);
  --chalk-04:     rgba(255,255,255,0.04);
  --ember:        #ffffff;
  --ember-dim:    rgba(255,255,255,0.55);
  --color-bg-primary:    #000000;
  --color-bg-secondary:  #000000;
  --color-bg-tertiary:   #0a0a0a;
  --color-bg-card:       rgba(0,0,0,0.55);
  --color-text-primary:   #ffffff;
  --color-text-secondary: rgba(255,255,255,0.72);
  --color-text-muted:     rgba(255,255,255,0.42);
  --color-text-tertiary:  rgba(255,255,255,0.42);
  --color-border:         rgba(255,255,255,0.18);
  --color-border-hover:   rgba(255,255,255,0.42);
  --color-accent:    #ffffff;
  --color-accent-1:  #ffffff;
  --color-accent-2:  #ffffff;
  --color-accent-3:  #ffffff;
  --color-accent-4:  #ffffff;
  --color-error:     #ffffff;
  --color-success:   #ffffff;
  --color-warning:   #ffffff;
  --gradient-primary:   none;
  --gradient-secondary: none;
  --gradient-accent:    none;
  --gradient-ember:     none;
}

html, body {
  background: #000000 !important;
  color: #ffffff;
}

/* Shader canvas behind everything, sections transparent above it */
section,
.hero-section,
.about-section,
.projects-section,
.github-stats-section,
.discord-section {
  background: transparent !important;
}
.noise-overlay,
.etheral-shadow,
#bg-canvas { display: none !important; }

/* Kill all accent/glow colors */
[class*="ember"],
[class*="glow"] { color: #ffffff; }
.terminal-dot.red,
.terminal-dot.yellow,
.terminal-dot.green,
.status-dot,
.dc-dot { background: #ffffff !important; box-shadow: 0 0 0 1px rgba(255,255,255,0.5) !important; }

img { filter: grayscale(1) contrast(1.05); }

/* Glass cards */
.terminal-block,
.about-sig-card,
.project-card,
.analyzer-card,
.dc-card,
.dc-panel,
.contact-hub,
.contact-hub-card {
  background: rgba(0,0,0,0.42) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  backdrop-filter: blur(8px) saturate(0);
  -webkit-backdrop-filter: blur(8px) saturate(0);
  box-shadow: 0 1px 0 rgba(255,255,255,0.06) inset, 0 20px 60px -20px rgba(0,0,0,0.8);
}

/* Buttons */
.btn-primary {
  background: #ffffff !important;
  color: #000 !important;
  border: 1px solid #fff !important;
}
.btn-secondary, .contact-hub-copy {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.5) !important;
}
input, textarea, .pf-input {
  background: rgba(0,0,0,0.5) !important;
  border-color: rgba(255,255,255,0.25) !important;
  color: #fff !important;
}
input::placeholder, textarea::placeholder { color: rgba(255,255,255,0.4); }

.project-tag, .tag-chip {
  background: transparent !important;
  color: rgba(255,255,255,0.82) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
}
.analyzer-card .card-icon { color: #fff !important; background: rgba(255,255,255,0.08) !important; }
.lang-bar-fill, .bar-fill { background: rgba(255,255,255,0.85) !important; }
.contrib-graph-img { filter: grayscale(1) invert(1) contrast(1.1); mix-blend-mode: screen; opacity:0.9; }

/* Kill other background canvases */
canvas#dotted-surface, canvas#morph-bg { display: none !important; }