@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; }
}