/* Freudenberg brand tokens (from the Freudenberg slide master and the TKF app) */
:root {
  --fb-primary: #004388;
  --fb-accent: #00a6e2;
  --fb-deep: #002a57;
  --fb-navy: #003a78;
  --fb-mid: #80a1c3;
  --fb-tint: #ccd9e7;
  --fb-tint-accent: #e5f0fa;
  --grey-panel: #f2f2f2;
  --grey-line: #d6e0ec;
  --grey-mid: #6b7280;
  --ink: #0d1e33;
  --ink-2: #3f4b5c;
  --good: #007d4e;
  --bad: #df342e;
  --warn: #f7a600;
  --ground: #f6f9fc;
  --surface: #ffffff;
  --radius: 14px;
  --radius-sm: 8px;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --font: "Source Sans 3", Arial, "Helvetica Neue", sans-serif;
  --shadow: 0 1px 2px rgba(0, 42, 87, .06), 0 14px 34px -20px rgba(0, 42, 87, .4);
}

*, *::before, *::after { box-sizing: border-box; }

html, body { margin: 0; }

body {
  font-family: var(--font);
  color: var(--ink);
  background: var(--ground);
  -webkit-font-smoothing: antialiased;
}

::selection { background: var(--fb-accent); color: #fff; }

button, input { font: inherit; color: inherit; }

/* Brand title style: bold capitals with the accent-to-primary gradient */
.grad {
  background: linear-gradient(90deg, var(--fb-accent), var(--fb-primary) 70%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -.01em;
}

.num { font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 1ms !important; transition-duration: 1ms !important; }
}