:root {--font-display: "Playfair Display", Georgia, serif;--font-body: "Source Sans 3", "Helvetica Neue", sans-serif;--brand-blue: hsl(231, 51%, 36%);--brand-red: hsl(4, 55%, 59%);--brand-gray: hsl(240, 11%, 86%);--brand-blue-gray: hsl(214, 23%, 64%);--color-bg: hsl(240, 10%, 97%);--color-surface: hsl(0, 0%, 100%);--color-surface-2: hsl(240, 8%, 95%);--color-surface-offset: hsl(231, 20%, 93%);--color-divider: hsl(240, 10%, 88%);--color-border: hsl(231, 15%, 82%);--color-text: hsl(231, 30%, 15%);--color-text-muted: hsl(231, 12%, 42%);--color-text-faint: hsl(231, 8%, 64%);--color-text-inverse: hsl(0, 0%, 100%);--color-primary: var(--brand-blue);--color-primary-hover: hsl(231, 51%, 28%);--color-primary-active: hsl(231, 51%, 22%);--color-accent: var(--brand-red);--color-accent-hover: hsl(4, 55%, 50%);--shadow-sm: 0 1px 3px hsl(231 30% 10% / 0.08);--shadow-md: 0 4px 16px hsl(231 30% 10% / 0.10);--shadow-lg: 0 12px 40px hsl(231 30% 10% / 0.14);--transition: 180ms cubic-bezier(0.16, 1, 0.3, 1);--text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);--text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);--text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-hero: clamp(2.75rem, 0.5rem + 6vw, 5.5rem);--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--content-narrow: 640px;--content-default: 960px;--content-wide: 1240px;--fpf-blue: hsl(231, 51%, 36%);--fpf-blue-dark: hsl(231, 51%, 26%);--fpf-blue-deeper: hsl(231, 51%, 18%);--fpf-blue-light: hsl(231, 51%, 94%);--fpf-blue-muted: hsl(231, 28%, 50%);--fpf-red: hsl(4, 55%, 59%);--fpf-red-dark: hsl(4, 55%, 46%);--fpf-red-light: hsl(4, 55%, 95%);--fpf-gray: hsl(240, 11%, 86%);--fpf-nepal: hsl(214, 23%, 64%);--fpf-nepal-dark: hsl(214, 23%, 40%);--color-surface-dynamic: hsl(230, 15%, 90%);--color-text-on-blue: hsl(0, 0%, 100%);--text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem);--transition-interactive: 180ms cubic-bezier(0.16, 1, 0.3, 1);--transition-slow: 320ms cubic-bezier(0.16, 1, 0.3, 1);--color-brand: hsl(231, 51%, 36%);--color-brand-dark: hsl(231, 51%, 26%);--color-brand-light: hsl(231, 51%, 94%);--color-accent-dark: hsl(4, 55%, 44%);--color-accent-light: hsl(4, 55%, 95%);--color-mischka: hsl(240, 11%, 86%);--color-nepal: hsl(214, 23%, 64%);}