/* Golden Metal Can Industries - colours. Change the four values below to re-colour the whole site. */
html:root {
    --gmc-gold: #E0A800;          /* buttons, top bar line, highlights */
    --gmc-gold-strong: #B88700;   /* links, tick boxes, small accents (readable on white) */
    --gmc-gold-soft: #FFF3C4;     /* selected menu item, light highlights */
    --gmc-ink: #1C1C1C;           /* text on gold */

    --gmc-sidebar-bg: #F8EBC0;    /* left menu panel */
    --gmc-sidebar-selected: #FFFAE6; /* selected item in the left menu */

    --btn-primary: var(--gmc-gold);
    --primary: var(--gmc-gold-strong);
    --primary-color: var(--gmc-gold-strong);
    --navbar-bg: var(--gmc-gold);
    --sidebar-select-color: var(--gmc-sidebar-selected);
}
html[data-theme="dark"] {
    --gmc-gold-soft: rgba(224, 168, 0, 0.18);
    --gmc-gold-strong: #E0A800;
    --gmc-sidebar-bg: rgba(224, 168, 0, 0.10);
    --gmc-sidebar-selected: rgba(224, 168, 0, 0.22);
    --navbar-bg: #2B2410;
    --btn-primary: var(--gmc-gold);
    --primary: var(--gmc-gold);
    --primary-color: var(--gmc-gold);
    --sidebar-select-color: var(--gmc-sidebar-selected);
}

/* Main buttons: gold with dark text */
.btn.btn-primary,
.btn-primary {
    background-color: var(--btn-primary);
    border-color: transparent;
    color: var(--gmc-ink) !important;
    --icon-stroke: var(--gmc-ink);
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn-primary:hover {
    background-color: #C99700 !important;
    color: var(--gmc-ink) !important;
}

/* Top bar: solid gold, search box stays white, icons and text dark */
.navbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    --icon-stroke: var(--gmc-ink);
}
.navbar .nav-link,
.navbar .dropdown-toggle,
.navbar .navbar-brand {
    color: var(--gmc-ink);
}
.navbar .search-bar .form-control,
.navbar .search-bar input {
    background-color: #fff;
    color: #1C1C1C;
}
html[data-theme="dark"] .navbar {
    border-bottom: 3px solid var(--gmc-gold);
}
html[data-theme="dark"] .navbar .nav-link,
html[data-theme="dark"] .navbar .dropdown-toggle {
    color: #F2E6B8;
}

/* Left menu panel in soft gold */
.desk-sidebar,
.layout-side-section:has(.desk-sidebar) {
    background-color: var(--gmc-sidebar-bg);
}
.layout-side-section:has(.desk-sidebar) {
    border-right: 1px solid var(--gmc-gold);
}

/* Left menu: selected workspace in soft gold with a gold edge */
.desk-sidebar .standard-sidebar-item.selected,
.desk-sidebar .sidebar-item-container .selected {
    background-color: var(--sidebar-select-color);
    box-shadow: inset 3px 0 0 var(--gmc-gold);
    font-weight: 600;
}

/* Login page */
body[data-path="login"] {
    background: #FBF6E5;
}
body[data-path="login"] .page-card,
body[data-path="login"] .login-content {
    border-top: 4px solid var(--gmc-gold);
}

/* Workspace tiles and links: outlined chips */
.widget.shortcut-widget-box {
    border: 1px solid var(--gmc-gold);
    border-radius: 8px;
    padding: 6px 12px;
    background-color: var(--fg-color, #fff);
    transition: background-color 0.15s ease;
}
.widget.shortcut-widget-box:hover {
    background-color: var(--gmc-gold-soft);
    border-color: var(--gmc-gold-strong);
}
.widget.links-widget-box .link-item {
    border: 1px solid var(--gmc-gold);
    border-radius: 8px;
    padding: 6px 10px;
    margin-left: 0;
    margin-bottom: 6px;
    background-color: var(--fg-color, #fff);
    transition: background-color 0.15s ease;
}
.widget.links-widget-box .link-item:hover {
    background-color: var(--gmc-gold-soft);
    border-color: var(--gmc-gold-strong);
}