/*
 * Copyright 2025 AffinityCE, LLC. Confidential Business Information.
 * Not to be shared, copied, duplicated, or distributed in any form
 * or fashion without the express written approval of AffinityCE, LLC principals.
 */

/* GLOBAL_DEFAULTS.CSS
 * v1.0 - 2025-07-15 - DBO
 *
 * This file attempts to set global defaults for various common page
 * elements that can then be overridden at the client or project level to
 * reduce complexity in the client-level CSS files.
 */

:root {
    ---adminbar-bg: hsl(286deg 45% 38%);
    ---adminbar-fg: hsl(0deg 0% 100%);
    ---page-header-bg: hsl(206deg 88% 68%);
    ---page-header-fg: hsl(0deg 0% 0%);
    ---navbar-bg: hsl(209deg 54% 53%);
    ---navbar-fg: hsl(0deg 0% 100%);
    ---navbar-btn: hsl(0deg 0% 0%);
    ---auxbar-bg: hsl(34deg 78% 91%);
    ---auxbar-fg: hsl(0deg 0% 0%);
    ---bottombar-bg: hsl(60deg 33% 90%);
    ---bottombar-fg: hsl(0deg 0% 0%);
    ---footer-bg: hsl(206deg 88% 68%);
    ---footer-fg: hsl(0deg 0% 0%);
    ---text: hsl(0deg 0% 0%);
    ---pseudo-bullet-bg: hsl(216deg 50% 44%);
    ---pseudo-bullet-fg: hsl(0deg 0% 100%);
    ---tafel-border: hsl(204deg 38% 82%);
    ---tafel-head-bg: hsl(208deg 34% 46%);
    ---tafel-head-fg: hsl(0deg 0% 100%);
    ---tafel-band: hsl(213deg 45% 92%);
    ---tafel-row-hover-bg: hsl(348deg 100% 97%);
    ---tafel-row-hover-inset: hsl(212deg 31% 47% / 60%);
}

/* Common page elements */
body {
    margin: 0;
    color: var(---text);
}

#header {
    min-height: 7.5rem;
    background: var(---page-header-bg);
    display: flex;
    align-items: center;
}

#head-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#navbar, #bottombar {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

#navbar {
    background-color: var(---navbar-bg);
}

#navbar a {
    color: var(---navbar-fg);
    text-decoration: none;
    font-size: inherit;
}

#navbar a:hover {
    background-color: var(---navbar-fg);
    color: var(---navbar-bg);
    border-radius: 0.125rem;
}

#navbar .btn-light {
    color:var(---navbar-btn);
}

#adminbar {
    background-color: var(---adminbar-bg);
    color: var(---adminbar-fg);
    padding: 0 0.5rem;
}

#footer {
    height: 3.125rem;
    background: var(---footer-bg);
    color: var(---footer-fg);
}

#footer a {
    color: var(---footer-fg);
}

#footer a:hover {
    background-color: var(---footer-fg);
    color: var(---footer-bg);
    border-radius: 0.125rem;
}

.footer-box:hover {
    background-color: var(--color-white);
    color: var(--color-black);
}

#bottombar {
    border-top: 0.0625rem solid hsl(from var(---bottombar-bg) h s 80%);
    margin-top: 1rem;
    background-color: var(---bottombar-bg);
    color: var(---bottombar-fg);
}

#bottombar a {
    color: var(--color-black);
}

#auxbar {
    background-color: var(---auxbar-bg);
    color: var(---auxbar-fg);
    padding: 0.2rem 0;
}