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

:root {
  --fb-canvas: #F9FAFB;
  --fb-canvas-soft: #F1F2F9;
  --fb-wash-1: #E9ECFB;
  --fb-wash-2: #E3E6FA;
  --fb-periwinkle: #7584D6;
  --fb-violet: #7C5CE6;
  --fb-indigo: #545C9E;
  --fb-lavender: #A5A4FA;
  --fb-cyan: #80E5FF;
  --fb-pink: #FF9FD7;
  --fb-ink: #2A3358;
  --fb-ink-soft: #465478;
  --fb-muted: #7C84A8;
  --fb-success: #238c70;
  --fb-warning: #9a6207;
  --fb-danger: #b53d62;
  --fb-grad-brand: linear-gradient(135deg, #7584D6, #7C5CE6);
  --fb-grad-meter: linear-gradient(135deg, #80E5FF, #A5A4FA);
  --fb-glass-card: rgba(255,255,255,.72);
  --fb-hairline: rgba(117,132,214,.22);
  --fb-shadow-card: 0 18px 36px rgba(117,132,214,.18);
  --fb-radius-sm: 12px;
  --fb-radius-md: 18px;
  --fb-radius-lg: 24px;
  --fb-radius-pill: 999px;
}

.fb-mark {
  display: block;
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex: 0 0 auto;
}

.fb-brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--fb-ink);
  font: 700 12px/1 'Manrope', sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.fb-caption {
  font: 700 12px/16px 'Manrope', sans-serif;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.fb-focus:focus-visible,
button:focus-visible,
a:focus-visible,
input:focus-visible {
  outline: 3px solid var(--fb-cyan);
  outline-offset: 3px;
}

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