/*
 * Galaxy ID — account and admin consoles.
 *
 * Keycloak 26 ships both as React/PatternFly v5 apps. The layout is not
 * template-able, so this retints PatternFly's own custom properties to the
 * palette in concept/dna/galaxy_id_dna_2.png §03. Overriding tokens recolours
 * components whose markup we never see; chasing individual .pf-v5-c-* selectors
 * would break on the next PatternFly bump.
 */
@import url("montserrat.css");

:root,
.pf-v5-theme-dark{
  /* §03 colour system */
  --pf-v5-global--primary-color--100:#0B3D91;
  --pf-v5-global--primary-color--200:#0A3479;
  --pf-v5-global--primary-color--light-100:#0EA5FF;
  --pf-v5-global--link--Color:#0B3D91;
  --pf-v5-global--link--Color--hover:#0EA5FF;
  --pf-v5-global--active-color--100:#0B3D91;
  --pf-v5-global--active-color--400:#D9E3F0;

  --pf-v5-global--success-color--100:#34C759;
  --pf-v5-global--warning-color--100:#F5A623;
  --pf-v5-global--danger-color--100:#FF4D4F;

  --pf-v5-global--Color--100:#16325C;   /* strong text */
  --pf-v5-global--Color--200:#5B6B88;   /* secondary text */
  --pf-v5-global--BorderColor--100:#D9E3F0;
  --pf-v5-global--BackgroundColor--200:#F4F8FF;

  /* §05 radii */
  --pf-v5-global--BorderRadius--sm:12px;
  --pf-v5-global--BorderRadius--lg:20px;

  /* §02 typography */
  --pf-v5-global--FontFamily--text:'Montserrat',-apple-system,BlinkMacSystemFont,
    'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --pf-v5-global--FontFamily--heading:var(--pf-v5-global--FontFamily--text);
  --pf-v5-global--FontFamily--redhatVF--sans:var(--pf-v5-global--FontFamily--text);
  --pf-v5-global--FontFamily--redhatVF--heading:var(--pf-v5-global--FontFamily--text);
  --pf-v5-global--FontFamily--redhatVF--monospace:ui-monospace,SFMono-Regular,Menlo,monospace;
}

body,.pf-v5-c-page{font-family:var(--pf-v5-global--FontFamily--text)}

/* The masthead is the one place a Keycloak console is unmistakably Keycloak.
 *
 * It has to be retinted through PatternFly's own variables, not with a
 * `background` declaration: .pf-v5-c-masthead redefines
 * --pf-v5-global--BackgroundColor--100 to the dark palette for everything
 * inside it, so setting only the outer background leaves the inner bar black.
 */
.pf-v5-c-masthead{
  --pf-v5-c-masthead--BackgroundColor:#FFFFFF;
  --pf-v5-global--BackgroundColor--100:#FFFFFF;
  --pf-v5-global--BackgroundColor--200:#F4F8FF;
  --pf-v5-global--Color--100:#16325C;
  --pf-v5-global--Color--200:#5B6B88;
  --pf-v5-global--BorderColor--100:#D9E3F0;
  --pf-v5-global--link--Color:#0B3D91;
  --pf-v5-global--link--Color--hover:#0EA5FF;
  --pf-v5-global--icon--Color--light:#5B6B88;
  --pf-v5-global--icon--Color--dark:#16325C;
  --pf-v5-global--primary-color--100:#0B3D91;
  border-bottom:1px solid #D9E3F0;
}
.pf-v5-c-masthead__main,
.pf-v5-c-masthead__content{background:transparent}
.pf-v5-c-masthead__brand img{max-height:26px}

.pf-v5-c-button{border-radius:14px}
.pf-v5-c-button.pf-m-primary{background:#0B3D91;border-color:#0B3D91}
.pf-v5-c-button.pf-m-primary:hover{background:#0A3479;border-color:#0A3479}
.pf-v5-c-button.pf-m-danger{background:#FF4D4F;border-color:#FF4D4F}
.pf-v5-c-form-control{border-radius:12px}