/* GODHITECH admin console — follows the OS light/dark preference, brand accents in both */

/* Fonts ship once, with the login theme (/resources/<v>/login/godhitech/fonts) */
@font-face {
    font-family: "DM Sans";
    src: url("../../../login/godhitech/fonts/DMSans-Variable.ttf") format("truetype-variations");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Clash Display";
    src: url("../../../login/godhitech/fonts/ClashDisplay-Variable.ttf") format("truetype-variations");
    font-weight: 200 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --ght-primary: #f34d37;
    --ght-primary-hover: #d93f2a;
    --ght-primary-active: #a52d12;
    --ght-background: #03030b;
    --ght-background-deep: #08081b;
    --ght-border: #2d2f34;
    --ght-font: "DM Sans", system-ui, sans-serif;
    --ght-font-display: "Clash Display", "DM Sans", sans-serif;

    --pf-v5-global--FontFamily--text: var(--ght-font);
    --pf-v5-global--FontFamily--heading: var(--ght-font-display);
    --pf-v5-global--FontFamily--redhatfont--text: var(--ght-font);
    --pf-v5-global--FontFamily--redhatfont--heading: var(--ght-font-display);

    --pf-v5-global--primary-color--100: var(--ght-primary);
    --pf-v5-global--primary-color--200: var(--ght-primary-active);
    --pf-v5-global--active-color--100: var(--ght-primary);
    --pf-v5-global--link--Color: #d1361f;
    --pf-v5-global--link--Color--hover: var(--ght-primary-active);
}

:root.pf-v5-theme-dark {
    --ght-primary-hover: #ff6a55;
    --pf-v5-global--primary-color--100: var(--ght-primary);
    --pf-v5-global--primary-color--dark-100: var(--ght-primary);
    --pf-v5-global--active-color--100: var(--ght-primary);
    --pf-v5-global--link--Color: var(--ght-primary);
    --pf-v5-global--link--Color--hover: var(--ght-primary-hover);
    --pf-v5-global--link--Color--dark: var(--ght-primary);
    --pf-v5-global--link--Color--dark--hover: var(--ght-primary-hover);
    --pf-v5-global--BackgroundColor--dark-100: var(--ght-background);
}

body {
    font-family: var(--ght-font);
}

.pf-v5-c-spinner {
    --pf-v5-c-spinner--Color: var(--ght-primary);
}

/* Masthead + sidebar stay brand-dark in both modes, like godhitech.com */
.pf-v5-c-masthead {
    --pf-v5-c-masthead--BackgroundColor: var(--ght-background);
    border-bottom: 1px solid var(--ght-border);
}

.pf-v5-c-masthead .pf-v5-c-brand,
.pf-v5-c-masthead__brand img {
    max-height: 36px;
}

.pf-v5-c-page__sidebar {
    --pf-v5-c-page__sidebar--BackgroundColor: var(--ght-background-deep);
}

.pf-v5-c-page__sidebar .pf-v5-c-nav {
    --pf-v5-c-nav__link--m-current--after--BorderColor: var(--ght-primary);
    --pf-v5-c-nav__link--m-current--Color: #fff;
    --pf-v5-c-nav__link--hover--Color: #fff;
}

.pf-v5-c-title {
    font-family: var(--ght-font-display);
    letter-spacing: 0.01em;
}

/* Buttons */
.pf-v5-c-button.pf-m-primary {
    --pf-v5-c-button--m-primary--BackgroundColor: var(--ght-primary);
    --pf-v5-c-button--m-primary--Color: #fff;
    --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--ght-primary-hover);
    --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--ght-primary-hover);
    --pf-v5-c-button--m-primary--active--BackgroundColor: var(--ght-primary-active);
}

.pf-v5-c-menu-toggle.pf-m-primary {
    --pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--ght-primary);
    --pf-v5-c-menu-toggle--m-primary--Color: #fff;
    --pf-v5-c-menu-toggle--m-primary--hover--BackgroundColor: var(--ght-primary-hover);
    --pf-v5-c-menu-toggle--m-primary--focus--BackgroundColor: var(--ght-primary-hover);
    --pf-v5-c-menu-toggle--m-primary--active--BackgroundColor: var(--ght-primary-active);
    --pf-v5-c-menu-toggle--m-primary--m-expanded--BackgroundColor: var(--ght-primary-active);
}

.pf-v5-c-button.pf-m-link {
    --pf-v5-c-button--m-link--Color: var(--pf-v5-global--link--Color);
    --pf-v5-c-button--m-link--hover--Color: var(--pf-v5-global--link--Color--hover);
}

.pf-v5-c-switch {
    --pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(--ght-primary);
}

.pf-v5-c-tabs {
    --pf-v5-c-tabs__link--after--BorderColor: var(--ght-primary);
}

.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link {
    --pf-v5-c-tabs__link--after--BorderColor: var(--ght-primary);
}

.pf-v5-c-check__input,
.pf-v5-c-radio__input {
    accent-color: var(--ght-primary);
}