:root {
  color-scheme: light;

  --gf-bg: #f5f6f7;
  --gf-panel: #ffffff;
  --gf-line: #d8dde0;
  --gf-text: #172026;
  --gf-muted: #4c565c;

  --gf-navy: #002d59;
  --gf-burgundy: #792149;
  --gf-red: #ad1917;
  --gf-gray: #4c565c;
  --gf-soft: #eef1f3;
  --gf-gradient: linear-gradient(90deg, #002d59 0%, #792149 54%, #ad1917 100%);

  --gf-headline-font: "Museo-700", "Museo 700", "Museo", "DIN 2014", Arial, Helvetica, sans-serif;
  --gf-subline-font: "Museo-700", "Museo 700", "Museo", "DIN 2014", Arial, Helvetica, sans-serif;
  --gf-body-font: "DIN Next LT Pro", "DIN 2014", "DIN", Arial, Helvetica, sans-serif;
  --gf-logo-subline-font: "Proxima-Nova-Semibold", "Proxima Nova Semibold", "Proxima Nova", Arial, Helvetica, sans-serif;
}

body {
  background: var(--gf-bg);
  color: var(--gf-text);
  font-family: var(--gf-body-font);
  letter-spacing: 0;
}

.gf-topbar {
  background: var(--gf-panel);
  border-top: 10px solid transparent;
  border-image: var(--gf-gradient) 1;
  border-bottom: 1px solid var(--gf-line);
}

.gf-eyebrow,
.gf-link {
  color: var(--gf-burgundy);
}

.gf-heading {
  color: var(--gf-navy);
  font-family: var(--gf-headline-font);
}

.gf-subline {
  color: var(--gf-gray);
  font-family: var(--gf-subline-font);
}

.gf-logo-subline {
  color: var(--gf-gray);
  font-family: var(--gf-logo-subline-font);
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.gf-logo {
  display: block;
  width: auto;
  max-width: 180px;
  height: auto;
}

.gf-logo--compact {
  max-width: 112px;
}

.gf-panel {
  background: var(--gf-panel);
  border: 1px solid var(--gf-line);
  border-radius: 8px;
}

.gf-primary-button {
  background: var(--gf-gradient);
  border: 1px solid var(--gf-burgundy);
  color: #ffffff;
}

.gf-secondary-button {
  background: var(--gf-panel);
  border: 1px solid var(--gf-line);
  color: var(--gf-navy);
}

.gf-danger,
.gf-delta {
  color: var(--gf-red);
}

.gf-muted,
.gf-table-head {
  color: var(--gf-gray);
}

.gf-table-head {
  background: var(--gf-soft);
}