/* Theme tokens and color-only rules for the default (light) theme.
   This file was extracted from app.css. Keep color, background, border-color,
   box-shadow color definitions and CSS custom properties here. Structural
   rules (layout/spacing/typography) remain in app.css.
*/

:root {
    --rz-on-primary-lighter: #FCE44B;
    --rz-panel-menu-item-active-background-color: #FFF;
    --rz-panel-menu-item-active-color: var(--rz-color-black);
    --rz-base-100: #FFFFFF;
    --rz-base-900: #1d1d1f;
    --rz-text-subtitle2-margin-bottom: 0;
    --rz-profile-menu-top-item-background-color: var(--sld-color-white);
    --rz-profile-menu-toggle-button-color: var(--rz-text-color);
    --rz-color-black: #000000;
    --rz-text-color: #000000;
    --sld-color-white: #FFFFFF;
    --sld-color-yellow: #FFDD00;
    --rz-primary: var(--sld-color-yellow);
    --rz-secondary: var(--rz-color-black);
    --rz-on-secondary: var(--sld-color-white);
    --rz-on-primary: var(--rz-color-black);
    --rz-tree-node-selected-color: var(--rz-text-color);
    --rz-tree-node-selected-background-color: #EFEFEF;
    --bs-btn-hover-bg: var(--rz-primary);
    --bs-btn-hover-border-color: var(--rz-primary);
    --rz-grid-selected-background-color: #CCCCCC;
    --rz-grid-selected-color: var(--rz-primary);
    --rz-grid-stripe-background-color: #F2F2F2;
    --rz-selectbar-selected-background-color: #000000;
    --rz-panel-menu-item-border: 2px solid var(--rz-color-black);
    --rz-danger: #e50000;
    --rz-dialog-shadow: 0 2px 8px rgba(0,0,0,0.12);
    --rz-dialog-border-radius: 6px;
    
}

/* Global color usage */
html, body {
    background-color: #F4F5F9;
    color: var(--rz-text-color);
}

a, .btn-link {
    color: var(--rz-primary);
}

/* Small selection of components where color/background are theme-specific */
.month-btn.selected {
    background-color: var(--rz-selectbar-selected-background-color);
    color: var(--rz-primary);
    border-color: transparent;
    box-shadow: none;
}

.metric-header-card {
    background-color: rgba(254, 221, 3, 0.05);
    border: 1px solid var(--sld-color-yellow);
    color: var(--rz-color-black);
}

.language-menu {
    border: 1px solid var(--rz-text-color) !important;
}

.theme-toggle-btn {
    border-color: var(--rz-text-color) !important;
    color: var(--rz-text-color) !important;
}

/* Error boundary uses a dark red background and white text */
.blazor-error-boundary {
    color: white;
}

/* Additional moved color/background/border-only rules from app.css */
.date-picker-arrow-btn {
    background-color: #EEEEEE;
}
.rz-button.month-btn {
    color: var(--sld-color-yellow);
}

.rz-button.rz-variant-outlined.rz-light.rz-shade-default.month-btn {
    color: #CCCCCC;
    border: 1px solid #CCCCCC;
}

.rz-tree .sld-state-selected,
.metric-tree .sld-state-selected {
    color: var(--rz-tree-node-selected-color);
    background-color: var(--rz-tree-node-selected-background-color);
}

.metric-tree {
    border: 1px solid #DFE2E6;
}

.rz-button.rz-primary {
    border-color: #FEEA61;
}

.rz-button.secondary {
    border-color: #FEEA61;
    color: var(--rz-on-secondary);
}

.btn-action {
    color: #000;
    background-color: #333;
}

.btn-white {
    color: var(--rz-color-black);
    border: 1px solid var(--rz-color-black);
    background-color: var(--sld-color-white);
}

.validation-message {
    color: #e50000;
}

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
}

input:focus,
input:focus-visible {
    border-color: var(--rz-primary) !important;
}

.sld-header-row {
    border-bottom: 1px solid #F6F6F6;
}

#main-navigation .rz-navigation-item.rz-state-active {
    border-block-end: var(--rz-panel-menu-item-border);
    border-color: black;
}

#main-navigation .rz-navigation-item-active {
    color: var(--rz-color-black);
    border-color: var(--rz-color-black);
}

.forgot-password-link {
    color: #202020;
}

.sld-val-error {
    color: var(--rz-danger);
}

.metric-header-card.disabled {
    background-color: #ffffff;
}

.language-menu-option {
    color: var(--rz-color-black) !important;
}

#translations-overview .table-striped > tbody > tr:nth-of-type(2n+1) > * {
    background-color: rgba(255 253 242, 1) !important;
}

#home-page .contact-link {
    color: var(--rz-color-black) !important;
}

#app-version {
    color: #7F7F7F;
}

#translations-overview .language-translation:focus {
    border-color: var(--rz-color-black);
    outline: none;
    box-shadow: none;
}