/* P300 — colore istituzionale */
:root {
  --color-bg-brand-base: #ff9900;
  --color-bg-brand-base-hover: #e48700;

  /* Testo scuro sull’arancione per un contrasto migliore */
  --color-text-on-brand-base: #171717;

  --color-border-brand: #ff9900;
  --color-text-status-links: #ffad33;
}

/* Modalità scura P300 */
[data-color-scheme='dark'] {
  --color-bg-primary: #101114;
  --color-bg-secondary: #18191e;
  --color-bg-tertiary: #22242a;

  --color-bg-brand-soft: #4a3210;
  --color-bg-brand-softest: #2b2112;

  --color-text-primary: #f5f5f7;
  --color-text-secondary: #b9bbc3;
  --color-text-tertiary: #898c96;
  --color-text-brand: #ffad33;
  --color-text-brand-hover: #ffc266;

  --color-border-primary: #32343c;
  --color-border-brand-soft: #8f6421;
}

/* Modalità chiara P300 */
[data-color-scheme='light'] {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f4f5f7;
  --color-bg-tertiary: #e8eaed;

  --color-bg-brand-soft: #ffe1ad;
  --color-bg-brand-softest: #fff3df;

  --color-text-primary: #18191d;
  --color-text-secondary: #555861;
  --color-text-tertiary: #777b84;

  /* Arancione più scuro per mantenere leggibilità sul bianco */
  --color-text-brand: #995c00;
  --color-text-brand-hover: #754600;

  --color-border-primary: #d7d9de;
  --color-border-brand: #b86e00;
  --color-border-brand-soft: #e4b76d;
}

/* Logo P300 nella navigazione desktop */
.navigation-panel__logo {
  display: block !important;
  width: 160px !important;
  height: 44px !important;
  background-image: url("/p300-assets/logo-p300.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
}

.navigation-panel__logo svg,
.navigation-panel__logo img {
  visibility: hidden !important;
}

/* Logo P300 nell’intestazione mobile */
.ui__header__logo {
  width: 160px !important;
  height: 44px !important;
  background-image: url("/p300-assets/logo-p300.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
}

.ui__header__logo svg,
.ui__header__logo img {
  visibility: hidden !important;
}