/* Ispiro Prisma — tema console Keycloak (admin/account). Token allineati a
   IspiroPrisma/frontend/src/styles/theme.css; chiaro/scuro segue il sistema. */

@font-face {
  font-family: 'Funnel Display';
  font-weight: 500 700;
  font-display: swap;
  src: url('../fonts/funnel-display-variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Wix Madefor Display';
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/wix-madefor-display-variable.woff2') format('woff2');
}

:root {
  --navy: #001f3f;
  --accent: #00e2d9;
  --accent-deep: #00706b;
  --p-bg: #f7f7f7;
  --p-surface: #ffffff;
  --p-text: #0b0b0b;
  --p-border: rgba(11, 11, 11, 0.14);
  --p-primary: var(--navy);
  --p-primary-hover: #002a54;
  --p-primary-text: #f7f7f7;
  --p-link: var(--navy);

  --pf-v5-global--FontFamily--text: 'Wix Madefor Display', sans-serif;
  --pf-v5-global--FontFamily--heading: 'Funnel Display', sans-serif;
  --pf-v5-global--FontFamily--sans-serif: 'Wix Madefor Display', sans-serif;
  --pf-v5-global--BorderRadius--sm: 7px;
  --pf-v5-global--primary-color--100: var(--p-primary);
  --pf-v5-global--primary-color--200: var(--p-primary-hover);
  --pf-v5-global--active-color--100: var(--p-primary);
  --pf-v5-global--link--Color: var(--p-link);
  --pf-v5-global--link--Color--hover: var(--accent-deep);
  --pf-v5-global--BackgroundColor--200: var(--p-bg);
}

:root.pf-v5-theme-dark {
  --p-bg: #0b0b0b;
  --p-surface: #12171d;
  --p-text: #f7f7f7;
  --p-border: rgba(247, 247, 247, 0.18);
  --p-primary: var(--accent);
  --p-primary-hover: #22e8e0;
  --p-primary-text: var(--navy);
  --p-link: var(--accent);
  --pf-v5-global--BackgroundColor--100: var(--p-surface);
  --pf-v5-global--BackgroundColor--dark-100: var(--p-bg);
  --pf-v5-global--BackgroundColor--dark-200: var(--p-surface);
}

body {
  font-family: var(--pf-v5-global--FontFamily--text);
}
h1, h2, h3, h4,
.pf-v5-c-title {
  font-family: var(--pf-v5-global--FontFamily--heading);
  letter-spacing: -0.01em;
}

/* Masthead navy come la sidebar dell'app, con logo bianco */
.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: var(--navy);
  --pf-v5-c-masthead--m-display-inline--BackgroundColor: var(--navy);
  background-color: var(--navy);
}
.pf-v5-c-masthead,
.pf-v5-c-masthead .pf-v5-c-menu-toggle,
.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain,
.pf-v5-c-masthead .pf-v5-c-page__header-tools {
  color: #f7f7f7;
}
.pf-v5-c-masthead .pf-v5-c-brand {
  height: 28px;
}

/* Pulsanti */
.pf-v5-c-button {
  border-radius: 7px;
}
.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--p-primary);
  --pf-v5-c-button--m-primary--Color: var(--p-primary-text);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--p-primary-hover);
  --pf-v5-c-button--m-primary--hover--Color: var(--p-primary-text);
  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--p-primary-hover);
  --pf-v5-c-button--m-primary--focus--Color: var(--p-primary-text);
  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--p-primary-hover);
  --pf-v5-c-button--m-primary--active--Color: var(--p-primary-text);
}
.pf-v5-c-button.pf-m-link {
  --pf-v5-c-button--m-link--Color: var(--p-link);
  --pf-v5-c-button--m-link--hover--Color: var(--accent-deep);
}

/* Navigazione laterale: voce attiva con accento */
.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link.pf-m-current:hover {
  --pf-v5-c-nav__link--m-current--Color: var(--p-link);
}
.pf-v5-c-nav__link::after {
  --pf-v5-c-nav__link--m-current--after--BorderColor: var(--accent);
}
.pf-v5-c-tabs__link::before {
  --pf-v5-c-tabs__link--after--BorderColor: var(--p-border);
}
.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link::after {
  --pf-v5-c-tabs__link--after--BorderColor: var(--accent);
}

/* Campi */
.pf-v5-c-form-control:focus-within {
  --pf-v5-c-form-control--after--BorderColor: var(--accent-deep);
}
:root.pf-v5-theme-dark .pf-v5-c-form-control:focus-within {
  --pf-v5-c-form-control--after--BorderColor: var(--accent);
}

/* Bordo di focus dei campi: accento Ispiro al posto del blu PatternFly */
.pf-v5-c-form-control,
.pf-v5-c-form-control:focus-within {
  --pf-v5-c-form-control--focus--after--BorderBottomColor: var(--p-link);
  --pf-v5-c-form-control--focus--after--BorderColor: var(--p-link);
  --pf-v5-c-form-control--focus--BorderColor: var(--p-link);
  --pf-v5-c-form-control--hover--after--BorderBottomColor: var(--p-link);
}
.pf-v5-c-form-control:focus-within {
  outline-color: var(--p-link);
}

.pf-v5-c-form-control input:focus,
.pf-v5-c-form-control input:focus-visible {
  outline: none;
}