/* HivePix web type. Display: Nunito Sans (Google Fonts) — chosen replacement for Avenir Next. Body: Arial system stack. */
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;1,6..12,400&display=swap");
:root{
--hp-yellow:#F9D30B;
--hp-yellow-bright:#FBDB3B;
--hp-yellow-hover:#F2C800;
--hp-gold:#C9A400;
--hp-gold-deep:#8F7400;
--hp-honey-pale:#EDE0A6;
--hp-honey-wash:#FBF3CF;
--hp-black:#111111;
--hp-ink:#1A1A1A;
--hp-grey-700:#3F3F3F;
--hp-grey-500:#6B6B6B;
--hp-grey-300:#D9D9D9;
--hp-grey-200:#E6E6E6;
--hp-grey-100:#F2F2F2;
--hp-grey-50:#F7F7F5;
--hp-white:#FFFFFF;
--hp-navy-night:#0B1A2A;
--hp-glow-amber:#FFB547;
--hp-success:#2E8540;
--hp-error:#C62828;
/* semantic */
--text-strong:var(--hp-black);
--text-body:var(--hp-grey-700);
--text-muted:var(--hp-grey-500);
--text-accent:var(--hp-gold);
--text-on-yellow:var(--hp-black);
--text-on-dark:var(--hp-white);
--surface-page:var(--hp-white);
--surface-soft:var(--hp-grey-50);
--surface-card:var(--hp-grey-100);
--surface-hex:var(--hp-grey-300);
--surface-brand:var(--hp-yellow);
--surface-dark:var(--hp-black);
--border-subtle:var(--hp-grey-200);
--border-brand:var(--hp-yellow-bright);
--action-primary:var(--hp-yellow-bright);
--action-primary-hover:var(--hp-yellow-hover);
--action-primary-text:var(--hp-black);
--action-dark:var(--hp-black);
--link:var(--hp-black);
--link-hover:var(--hp-gold);
}
:root{
--font-body:Arial,"Helvetica Neue",Helvetica,sans-serif;
--font-display:"Nunito Sans",Arial,sans-serif;
--fs-display:56px;
--fs-h1:40px;
--fs-h2:30px;
--fs-h3:22px;
--fs-lead:18px;
--fs-body:16px;
--fs-small:14px;
--fs-eyebrow:11px;
--lh-tight:1.15; /* @kind font */
--lh-snug:1.3; /* @kind font */
--lh-body:1.55; /* @kind font */
--fw-regular:400; /* @kind font */
--fw-semibold:600; /* @kind font */
--fw-bold:700; /* @kind font */
--fw-heavy:800; /* @kind font */
--ls-eyebrow:0.14em; /* @kind font */
--ls-display:-0.01em; /* @kind font */
}
:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;
--container-max:1180px;
--gutter:clamp(20px,5vw,40px); /* @kind spacing */
--header-h:clamp(64px,9vw,84px); /* @kind spacing */
}
:root{
--radius-sm:6px;
--radius-md:12px;
--radius-lg:24px;
--radius-xl:40px;
--radius-pill:999px;
--border-top-brand:3px solid var(--hp-yellow-bright); /* @kind other */
--shadow-card:0 2px 10px rgba(17,17,17,.06);
--shadow-raised:0 10px 30px rgba(17,17,17,.10);
--glow-yellow:0 0 24px rgba(249,211,11,.55);
--ease-out:cubic-bezier(.2,.7,.2,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--hex-clip:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%); /* @kind other */
}