/* Uhrzeit.net colour layer.
   Keep the inherited time-site layout, spacing, boxes, radii and typography
   unchanged. This file is intentionally limited to colour-related properties. */

:root {
    --uhr-canvas: #f7f9fc;
    --uhr-surface: #ffffff;
    --uhr-surface-soft: #eef4fa;
    --uhr-ink: #17263b;
    --uhr-muted: #627087;
    --uhr-line: #d7e0ea;
    --uhr-brand: #2463a9;
    --uhr-brand-dark: #174879;
    --uhr-brand-soft: #e5eff9;
    --uhr-accent: #d99a2b;
}

body.uhrzeit-theme {
    background-color: var(--uhr-canvas);
    color: var(--uhr-ink);
}

body.uhrzeit-theme a,
body.uhrzeit-theme a:visited {
    color: var(--uhr-brand);
    text-decoration-color: rgba(36, 99, 169, .38);
}

body.uhrzeit-theme a:hover,
body.uhrzeit-theme a:focus {
    color: var(--uhr-brand-dark);
}

body.uhrzeit-theme h1,
body.uhrzeit-theme h2,
body.uhrzeit-theme h3,
body.uhrzeit-theme h4,
body.uhrzeit-theme h5,
body.uhrzeit-theme h6,
body.uhrzeit-theme .navbar .navbar-brand,
body.uhrzeit-theme .promo-title {
    color: var(--uhr-ink) !important;
}

body.uhrzeit-theme .navbar,
body.uhrzeit-theme .navbar.fixed-top-mobile {
    background-color: var(--uhr-surface) !important;
}

body.uhrzeit-theme .navbar .form-control,
body.uhrzeit-theme .navbar .btn,
body.uhrzeit-theme .navbar-toggler,
body.uhrzeit-theme input,
body.uhrzeit-theme select,
body.uhrzeit-theme textarea,
body.uhrzeit-theme .form-control,
body.uhrzeit-theme .form-select,
body.uhrzeit-theme .input-group-text {
    border-color: var(--uhr-line);
}

body.uhrzeit-theme input:focus,
body.uhrzeit-theme select:focus,
body.uhrzeit-theme textarea:focus,
body.uhrzeit-theme .form-control:focus,
body.uhrzeit-theme .form-select:focus {
    border-color: var(--uhr-brand);
}

body.uhrzeit-theme .horizontal-dropdown-menu {
    background-color: var(--uhr-ink);
}

body.uhrzeit-theme .horizontal-dropdown-link,
body.uhrzeit-theme .horizontal-dropdown-link:visited {
    color: #f8fafc;
}

body.uhrzeit-theme .horizontal-dropdown-link:hover,
body.uhrzeit-theme .horizontal-dropdown-link:focus,
body.uhrzeit-theme .horizontal-dropdown-link.active {
    background-color: var(--uhr-brand);
    color: #ffffff;
}

body.uhrzeit-theme .horizontal-dropdown-submenu {
    background-color: var(--uhr-surface);
    border-color: var(--uhr-line);
}

body.uhrzeit-theme .horizontal-dropdown-submenu-link,
body.uhrzeit-theme .horizontal-dropdown-submenu-link:visited {
    color: var(--uhr-ink);
}

body.uhrzeit-theme .horizontal-dropdown-submenu-link:hover,
body.uhrzeit-theme .horizontal-dropdown-submenu-link:focus {
    background-color: var(--uhr-brand-soft);
    color: var(--uhr-brand-dark);
}

body.uhrzeit-theme .horizontal-dropdown-header,
body.uhrzeit-theme .breadcrumb,
body.uhrzeit-theme .promo-description,
body.uhrzeit-theme .abovefooter,
body.uhrzeit-theme footer {
    color: var(--uhr-muted) !important;
}

body.uhrzeit-theme .horizontal-dropdown-divider,
body.uhrzeit-theme .data-list li,
body.uhrzeit-theme .abovefooter,
body.uhrzeit-theme footer {
    border-color: var(--uhr-line);
}

body.uhrzeit-theme .home-clock-section,
body.uhrzeit-theme .single-analog-clock-widget,
body.uhrzeit-theme .data-list,
body.uhrzeit-theme .category-link-block,
body.uhrzeit-theme .promo-box,
body.uhrzeit-theme .pillar-card,
body.uhrzeit-theme .card,
body.uhrzeit-theme .accordion-item {
    background-color: var(--uhr-surface);
    border-color: var(--uhr-line);
}

body.uhrzeit-theme .single-analog-clock-widget .clock-widget-title a,
body.uhrzeit-theme .category-link-block .category-name-link {
    color: var(--uhr-ink);
}

body.uhrzeit-theme .svg-clock-face {
    fill: var(--uhr-ink);
    stroke: var(--uhr-ink);
}

body.uhrzeit-theme .svg-second-hand-group .svg-second-hand,
body.uhrzeit-theme .svg-second-hand-group .svg-second-counterweight {
    stroke: var(--uhr-accent);
}

body.uhrzeit-theme .time-details-analog .current-time-digital-analog {
    color: var(--uhr-brand-dark);
}

body.uhrzeit-theme .flip-clock-container {
    background-color: var(--uhr-ink);
}

body.uhrzeit-theme .time-part {
    background-color: #253a55;
    border-color: #3b516c;
}

body.uhrzeit-theme .flip-clock-separator {
    color: #aebbd0;
}

body.uhrzeit-theme .btn-format.active,
body.uhrzeit-theme .promo-button,
body.uhrzeit-theme .promo-box.stopwatch .promo-button,
body.uhrzeit-theme .promo-box.timer .promo-button,
body.uhrzeit-theme .promo-box.widgets .promo-button,
body.uhrzeit-theme .promo-box.alarm .promo-button,
body.uhrzeit-theme .btn-primary {
    background-color: var(--uhr-brand) !important;
    border-color: var(--uhr-brand) !important;
    color: #ffffff !important;
}

body.uhrzeit-theme .promo-button:hover,
body.uhrzeit-theme .promo-button:focus,
body.uhrzeit-theme .btn-primary:hover,
body.uhrzeit-theme .btn-primary:focus {
    background-color: var(--uhr-brand-dark) !important;
    border-color: var(--uhr-brand-dark) !important;
}

body.uhrzeit-theme .promo-box.stopwatch { border-left-color: #c98224 !important; }
body.uhrzeit-theme .promo-box.timer { border-left-color: #237f91 !important; }
body.uhrzeit-theme .promo-box.widgets { border-left-color: #2f7a58 !important; }
body.uhrzeit-theme .promo-box.alarm { border-left-color: #6f54a0 !important; }

/* A deliberately distinct lower-page treatment for Uhrzeit.net. These are
   launch navigation bands, not copies of the plain Timeint footer rows. */
body.uhrzeit-theme .abovefooter {
    margin-top: 0;
    padding: 15px 20px;
    background-color: #eaf2fb;
    border: 0;
    border-left: 4px solid var(--uhr-brand);
    color: #34465d !important;
}

body.uhrzeit-theme .abovefooter + .abovefooter {
    background-color: #f3f7fb;
    border-left-color: var(--uhr-accent);
}

body.uhrzeit-theme .abovefooter a,
body.uhrzeit-theme .abovefooter a:visited {
    color: #18558f;
}

body.uhrzeit-theme > footer {
    margin-top: 18px;
    padding: 26px 22px !important;
    background-color: var(--uhr-ink);
    border: 0;
    color: #c9d5e4 !important;
}

body.uhrzeit-theme > footer a,
body.uhrzeit-theme > footer a:visited {
    color: #ffffff;
}

body.uhrzeit-theme > footer .text-muted {
    color: #9fb0c5 !important;
}