/* Enby Skylite v2.2 — Nonbinary Terminal Theme
   80-column, monospace, small and mighty, Windows‑11‑softened */

/* ------------------------------------------------------------
   Root palette — enby colours + soft charcoal background
------------------------------------------------------------ */
:root {
    --bg: #0A0A0A;          /* off-black charcoal */
    --fg: #FFFFFF;          /* white text */

    /* Enby accents */
    --accent: #FFF430;      /* bright enby yellow */
    --accent-soft: #FFE96A; /* softer yellow hover */

    --soft: #9C59D1;        /* enby purple for subtle elements */
    --border: #1C1C1C;      /* soft charcoal border */

    --mono: "Cascadia Code", "Consolas", monospace;

    /* Glass panels adapted for dark mode */
    --glass-light: rgba(255, 255, 255, 0.06);
    --glass-dark: rgba(10, 10, 10, 0.4);
}

/* ------------------------------------------------------------
   Reset
------------------------------------------------------------ */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ------------------------------------------------------------
   Base Layout — 80 columns, terminal-style
------------------------------------------------------------ */
body {
    background: var(--bg);
    color: var(--fg);
    font-family: var(--mono);
    font-size: 15px;
    line-height: 1.65;
    max-width: 80ch;
    margin: 0 auto;
    padding: 1.8rem 1rem;
}

/* ------------------------------------------------------------
   Manual dark mode toggle (kept for compatibility)
------------------------------------------------------------ */
#toggle-dark:checked ~ #page {
    --bg: #FFFFFF;
    --fg: #0A0A0A;

    --accent: #9C59D1;      /* purple becomes main accent in light mode */
    --accent-soft: #B77BE3;

    --soft: #555555;
    --border: #E0E0E0;

    --glass-light: rgba(255, 255, 255, 0.4);
}

/* ------------------------------------------------------------
   Header / Brand
------------------------------------------------------------ */
header {
    margin-bottom: 1.6rem;
    border-bottom: 1px solid var(--border);
    padding-bottom: 0.6rem;
}

.brand {
    color: var(--accent);
    margin-bottom: 0.3rem;
    letter-spacing: 0.5px;
}

.dot {
    color: var(--accent);
}

.cursor {
    margin-left: 1px;
    animation: blink 1.2s steps(2, start) infinite;
}

@keyframes blink {
    0%, 49% { opacity: 1; }
    50%, 100% { opacity: 0; }
}

/* ------------------------------------------------------------
   Navigation — simple, inline, BBS-style
------------------------------------------------------------ */
nav {
    font-size: 11px;
}

nav a {
    color: var(--fg);
    text-decoration: none;
    margin-right: 1rem;
    border-bottom: 1px dashed transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
}

nav a:hover {
    color: var(--accent-soft);
    border-bottom: 1px dashed var(--accent-soft);
}

/* ------------------------------------------------------------
   Content
------------------------------------------------------------ */
main {
    margin-top: 1.6rem;
}

section + section {
    margin-top: 1.6rem;
}

/* ------------------------------------------------------------
   Headings — enby-accented hierarchy
------------------------------------------------------------ */
h1, h2, h3, h4 {
    color: var(--accent);
    letter-spacing: 0.4px;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
}

h1 { font-size: 1.3rem; }
h2 { font-size: 1.15rem; }
h3 { font-size: 1.05rem; }
h4 { font-size: 1rem; }

/* ------------------------------------------------------------
   Paragraphs
------------------------------------------------------------ */
p {
    margin-bottom: 0.9rem;
    text-align: justify;
}

/* ------------------------------------------------------------
   Lists
------------------------------------------------------------ */
ul {
    list-style: none;
    padding-left: 0;
}

li {
    margin-bottom: 0.35rem;
}

li a {
    color: var(--accent);
    text-decoration: none;
}

li a:hover {
    text-decoration: underline;
}

/* ------------------------------------------------------------
   Footer
------------------------------------------------------------ */
footer {
    margin-top: 2.2rem;
    border-top: 1px solid var(--border);
    padding-top: 0.6rem;
    font-size: 11px;
    color: var(--soft);
    text-align: left;
}

/* ------------------------------------------------------------
   Manual Theme Toggle — Pure CSS
------------------------------------------------------------ */
.theme-toggle {
    font-size: 11px;
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--soft);
    margin-bottom: 1rem;
}

.theme-toggle span {
    pointer-events: none;
}

/* ------------------------------------------------------------
   ASCII Logo
------------------------------------------------------------ */
.ascii-logo {
    font-family: var(--mono);
    font-size: 11px;
    line-height: 1.1;
    color: var(--accent);
    margin-bottom: 0.8rem;
    white-space: pre;
}

/* ------------------------------------------------------------
   Midnight Glass Panel
------------------------------------------------------------ */
.glass {
    background: var(--glass-light);
    backdrop-filter: blur(6px);
    border: 1px solid var(--border);
    padding: 1rem;
    border-radius: 6px;
}