/*──────── site.css  –  global baseline (white background) ───────*/

/* 1. universal reset */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* 2. brand tokens */
:root {
    /* page colours */
    --brand-dark: #ffffff; /* page background – now white   */
    --brand-light: #333333; /* default text – dark gray      */
    /* accents reused by dashboard.css */
    --accent-blue: #77aaff; /* marketplace */
    --accent-green: #99cc88; /* drop-ship   */
    --accent-gold: #ffba7a; /* websites    */
    --accent-gray: #cccccc; /* totals      */
    /* misc */
    --font-sans: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --radius: 5px;
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);
}

/* 3. base */
body {
    font-family: var(--font-sans);
    background: var(--brand-dark); /* white */
    color: var(--brand-light); /* dark gray text */
    line-height: 1.4;
}

/* 4. utility – kill bullets inside Bootstrap nav list */
.navbar-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

html, body { /* ensure vertical scroll */
    overflow-y: auto;
}

.page-wrapper { /* enable horizontal swipe */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Footer text and spacing */
footer {
    margin-top: 2rem; 
    margin-left: 2rem;
    padding: 1rem 0; /* vertical padding */
}

footer .container {
    color: #6c757d; /* light gray text */
}