/* Apply Inter font globally */
body, input, select, textarea, .button {
    font-family: 'Inter', sans-serif;
}

/* Retain default spacing and layout, just change color + font */

#header {
    background: #2C3E50;
    color: #fff;
}
#branding h1, #branding h1 a {
    color: #FFFFFF !important;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 24px;
}
div.breadcrumbs {
    background: #36454F;
    color: #eee;
}
div.breadcrumbs a,
div.breadcrumbs a:hover {
    color: #FFD700 !important;
}

.button,
input[type=submit],
input[type=button],
.submit-row input,
a.button {
    background: #4A6572;
    color: #fff;
    border: 1px solid #888;
    padding: 5px 12px;
    border-radius: 3px;
    font-size: 14px;
    width: auto !important;
    display: inline-block;
}
.button:hover {
    background: #3A5568;
}
* Add button (top-right corner) */
a.addlink {
    background-color: #4A6572;  /* Your custom color */
    color: white !important;
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: 500;
    border: 1px solid #3A5568;
}

a.addlink:hover {
    background-color: #3A5568;  /* Darker on hover */
    color: #fff !important;
}
.module caption,
.module h2,
.inline-group h2,
#content .inline-group h2 {
    background-color: #ECECEC;
    color: #2C3E50;
    font-weight: 600;
}

.admin .inline-related {
    background: #fff;
    border: 1px solid #ccc;
}
.admin .inline-related .module .field-box {
    background: #fff;
}

/* Pagination and Calendar */
.paginator a,
.paginator a:visited {
    background: #EAEAEA;
    color: #000;
}
.paginator a:hover {
    background: #C0C0C0;
}

.calendar td.selected a,
.calendar td a:focus,
.calendar td a:hover,
.timelist a:focus,
.timelist a:hover {
    background-color: #4A6572 !important;
    color: white;
}

.button.default,
input[type=submit].default,
.submit-row input.default {
    background: #2C3E50;
}

#changelist-filter h2 {
    background: #f2f2f2;
    color: #333;
}
/* Only for the Authentication and Authorization section */
.app-auth {
    background-color: #f8f9fa;  /* Light background */
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
}

/* Optional: Caption/title bar of the section */
.app-auth caption {
    background-color: #2C3E50;  /* Dark header */
    color: #fff;
    font-weight: bold;
    padding: 6px 10px;
    text-align: left;
}