@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url("assets/inter-var.woff2") format("woff2");
}
@font-face {
font-family: "Fraunces";
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url("assets/fraunces-var.woff2") format("woff2");
}
:root {
--es-deep-teal: #0B1F2B;
--es-heritage-teal: #174A57;
--es-deep-slate: #1C2B36;
--es-gold: #C8A15A;
--es-ivory: #F7F7F5;
--es-stone: #D9DDE0;
--es-slate: #64727A;
--es-slate-strong: #556268;
--es-charcoal: #20262A;
--es-white: #FFFFFF;
--es-success: #188A55;
--es-success-text: #167E4E;
--es-success-tint: #E8F4EE;
--es-attention: #D88B1F;
--es-attention-ui: #CB821D;
--es-attention-text: #976115;
--es-attention-tint: #FBF1E1;
--es-critical: #C34A3A;
--es-critical-text: #B74536;
--es-critical-tint: #F9EAE7;
--es-info: #2F6D8A;
--es-info-text: #2F6D8A;
--es-info-tint: #E9F1F6;
--es-focus: #174A57;
--es-focus-on-dark: #8FB6C2;
--es-focus-ring: 0 0 0 2px var(--es-white), 0 0 0 4px var(--es-focus);
--es-font-display: "Fraunces", Georgia, serif;
--es-font-ui: "Inter", -apple-system, "Segoe UI", sans-serif;
--es-text-display: 38px;
--es-text-h1: 34px;
--es-text-h2: 28px;
--es-text-h3: 22px;
--es-text-h4: 18px;
--es-text-body-lg: 18px;
--es-text-body: 16px;
--es-text-body-sm: 14px;
--es-text-caption: 12px;
--es-lh-display: 1.05;
--es-lh-heading: 1.2;
--es-lh-body: 1.55;
--es-lh-label: 1.4;
--es-sp-1: 4px;  --es-sp-2: 8px;   --es-sp-3: 12px; --es-sp-4: 16px;
--es-sp-5: 24px; --es-sp-6: 32px;  --es-sp-7: 40px; --es-sp-8: 48px;
--es-sp-9: 64px; --es-sp-10: 80px; --es-sp-11: 96px; --es-sp-12: 128px;
--es-r-input: 8px;
--es-r-button: 10px;
--es-r-card: 14px;
--es-r-surface: 16px;
--es-shadow-card: 0 1px 2px rgba(11, 31, 43, 0.04), 0 4px 12px rgba(11, 31, 43, 0.04);
--es-shadow-sheet: 0 -4px 24px rgba(14, 43, 51, 0.14);
--es-shadow-modal: 0 8px 32px rgba(14, 43, 51, 0.18);
--es-motion-fast: 150ms;
--es-motion-base: 200ms;
--es-motion-slow: 250ms;
--es-ease: cubic-bezier(0.2, 0, 0, 1);
--es-form-max: 900px;
--es-editorial-max: 760px;
--es-sidenav-w: 248px;
--es-touch-target: 44px;
}
@media (min-width: 768px) {
:root {
--es-text-display: 44px;
--es-text-h1: 40px;
--es-text-h2: 32px;
--es-text-h3: 24px;
--es-text-h4: 20px;
}
}
@media (min-width: 1200px) {
:root {
--es-text-display: 64px;
--es-text-h1: 52px;
--es-text-h2: 40px;
--es-text-h3: 28px;
--es-text-h4: 22px;
}
}
@media (prefers-reduced-motion: reduce) {
:root {
--es-motion-fast: 0ms;
--es-motion-base: 0ms;
--es-motion-slow: 0ms;
}
* { animation: none !important; transition: none !important; }
}