/* Theme foundation: Evergreen Ember variables, global box sizing, page background, and base typography. */
/* Central theme variables used throughout the workbook. */
:root {
    --page-background: #100e0c;
    --sidebar-background: #121511;
    --main-text: #f6f1e8;
    --muted-text: #b8afa2;
    --border-color: #352c23;
    --forest-green: #2f5e3b;
    --ember-copper: #c98754;
}


/* Global box-sizing keeps declared dimensions predictable. */
* {
    box-sizing: border-box;
}


/* Base page shell, typography, and Evergreen Ember colors. */
body {
    margin: 0;
    min-height: 100vh;
    display: flex;

    background-color: var(--page-background);
    color: var(--main-text);

    font-family: "Segoe UI", Arial, sans-serif;
}


/* Prevent background scrolling while the responsive navigation is open. */
body.navMenuOpen {
    overflow: hidden;
}