/* Base HTML & Body */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body { 
    font-family: "Noto Sans", sans-serif; 
    background: var(--bg-color); 
    color: var(--text-primary); 
    padding: 0; 
    display: flex; 
    flex-direction: column; 
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    min-height: 100%;
}

/* Headings */
h1, h2, h3 { 
    font-family: "JetBrains Mono", "SF Mono", "Roboto Mono", Menlo, Monaco, "Courier New", monospace; 
    letter-spacing: 1.8px;
}

h1 { 
    text-align: center; 
    color: var(--accent-color); 
    margin: 4px 0; 
    font-size: 1.1em; 
}

/* Hidden utility */
.hidden {
    display: none;
}