/*
 * Account console (keycloak.v3 / PatternFly v5).
 * Tokens --brand-* : un overlay client ne redefinit que :root.
 */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

:root {
  --brand-bg: #f5f8fb;
  --brand-bg-accent: #eaf3fb;
  --brand-accent: #203b56;
  --brand-accent-dark: #162b40;
  --brand-accent-light: #2c5070;
  --brand-ink: #182d42;
  --brand-muted: #6b8aa0;
  --brand-line: rgba(32, 59, 86, 0.12);
  --brand-font: 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;

  --pf-v5-global--primary-color--100: var(--brand-accent);
  --pf-v5-global--primary-color--200: var(--brand-accent-dark);
  --pf-v5-global--link--Color: var(--brand-accent-light);
  --pf-v5-global--link--Color--hover: var(--brand-accent);
  --pf-v5-global--BackgroundColor--100: var(--brand-bg);
  --pf-v5-global--Color--100: var(--brand-ink);
  --pf-v5-global--FontFamily--text: var(--brand-font);
  --pf-v5-global--FontFamily--heading: var(--brand-font);
  --pf-v5-global--FontFamily--redhatfont--text: var(--brand-font);
  --pf-v5-global--FontFamily--redhatfont--heading: var(--brand-font);
}

html,
body {
  background: var(--brand-bg);
  color: var(--brand-ink);
  font-family: var(--brand-font);
}

.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--brand-accent);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--brand-accent-dark);
  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--brand-accent-dark);
  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--brand-accent-dark);
}