/*
========================================
Dark Theme Overrides (Kanagawa Wave)
========================================
*/

body {
  color: var(--color-text-dark, #FAF4E1);
  background-color: var(--color-background-dark, #000000);
}

/* Selection styles */
::-moz-selection { background: var(--color-primary-dark, #E684AE); color: var(--color-background-dark, #000000); text-shadow: none; }
::selection { background: var(--color-primary-dark, #E684AE); color: var(--color-background-dark, #000000); text-shadow: none; }

/* Link underline color for dark mode */
a::after {
  background-color: var(--color-primary-dark, #E684AE);
}

/* Link hover text color for dark mode */
a:hover, a:focus {
  color: var(--color-primary-hover-dark, #E6B450);
}

/* Base elements */
hr { border-block-start: 3px dotted var(--color-border-dark, #363646); }
code { background-color: var(--color-background-code-dark, #1F1F28); color: var(--color-text-dark, #FAF4E1); }
pre { background-color: var(--color-background-pre-dark, #16161D); border-color: var(--color-border-dark, #363646); }
blockquote { border-color: var(--color-border-dark, #363646); color: var(--color-text-muted-dark, #938E7B); }

/* Headings */
h1, h2, h3, h4, h5, h6 { color: var(--color-text-dark, #FAF4E1); }
h1::before, h2::before, h3::before, h4::before, h5::before, h6::before { color: var(--color-primary-dark, #E684AE); }

/* Table of Contents */
.toc { background-color: var(--color-background-toc-dark, #16161D); color: var(--color-text-dark, #FAF4E1); border-color: var(--color-border-dark, #363646); }

/* Footer & other bordered elements */
footer { border-color: var(--color-border-dark, #363646); }
.soc:hover, .soc:focus { color: var(--color-primary-dark, #E684AE); }
.draft-label { color: var(--color-text-dark, #FAF4E1); background-color: var(--color-background-draft-dark, #7E6273); }

/* Tables in dark mode */
table th { background-color: var(--color-background-pre-dark, #16161D); color: var(--color-text-dark, #FAF4E1); border-color: var(--color-border-dark, #363646); }
table td { border-color: var(--color-border-dark, #363646); }
table tr:nth-child(even) { background-color: var(--color-background-code-dark, #1F1F28); }

/* Navigation toggle in dark mode */
.nav-toggle { color: var(--color-text-dark, #FAF4E1); }
.nav-toggle:hover, .nav-toggle:focus { background-color: var(--color-primary-dark, #E684AE); color: #000000; }
.nav-toggle:focus { box-shadow: 0 0 0 2px var(--color-primary-dark); }

/* Callouts in dark mode */
.callout { background-color: var(--color-background-pre-dark, #16161D); color: var(--color-text-dark, #FAF4E1); }
.callout a::after { background-color: var(--color-text-dark, #FAF4E1); }
.callout a:hover, .callout a:focus { color: var(--color-accent-yellow); }

.callout-alert { color: #f8d7da; background-color: #2d1b1d; border-color: #842029; }
.callout-tip { color: #d1ecf1; background-color: #0c2428; border-color: #0f5132; }
.callout-warning { color: #fff3cd; background-color: #332701; border-color: #997404; }
.callout-custom { color: var(--color-text-dark, #FAF4E1); }