/* HungerBox design tokens.
   MEASURED on 5 Oct 2026 from the computed styles of the site copy
   (C:\Users\pc\OneDrive - Amplior\Desktop\hungerbox-landing\index.html, a copy of www.hungerbox.ai) at 1440px.
   Lines marked "ours" are not on the site: they were added for pages that need them. */
@font-face{font-family:"Ubuntu";font-weight:300;font-style:normal;font-display:swap;src:url(fonts/Ubuntu-Light.ttf) format("truetype")}
@font-face{font-family:"Ubuntu";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/Ubuntu-Regular.ttf) format("truetype")}
@font-face{font-family:"Ubuntu";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/Ubuntu-Medium.ttf) format("truetype")}
@font-face{font-family:"Ubuntu";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/Ubuntu-Bold.ttf) format("truetype")}
/* The site ships ONE HK Grotesk file (Regular). Weight 500 shows as regular; 700 is the browser's own bold. */
@font-face{font-family:"HK Grotesk";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/HKGrotesk-Regular.ttf) format("truetype")}
:root{
/* colour */
--hb-primary:#3A1593;      /* buttons, hero word, names, links, band, footer */
--hb-text:#212121;         /* titles, lead lines */
--hb-text-muted:#666666;   /* body copy */
--hb-page:#F9F9F9;         /* every section background */
--hb-surface:#FFFFFF;      /* header, cards, inputs */
--hb-surface-2:#EEEEEE;    /* card-bg token in the site CSS (not seen in use on the home page) */
--hb-border:#EBEBEB;       /* 1px borders */
--hb-tint:#EDE7FA;         /* inactive slider dot, selected option (ours) */
--hb-black:#000000;        /* footer bottom bar */
--hb-green:#90C73A;        /* square shape, logo leaf */
--hb-red:#FF5148;          /* circle shape */
--hb-yellow:#FFCE1A;       /* triangle shape, footer icons, map disc */
--hb-orange:#FF6E03;       /* logo underline */
--hb-lilac:#C497FF;        /* map regions, light purple accents */
--hb-peach:#F4D9BB;        /* illustration background shapes */
--hb-ok:#25B973;--hb-mint:#33D991;--hb-danger:#DC2626; /* status colours from the site CSS */
/* type */
--hb-font-title:"Ubuntu",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--hb-font-body:"HK Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--hb-hero-word:700 96px/96px var(--hb-font-title);
--hb-title:400 48px/48px var(--hb-font-title);
--hb-overtitle:300 32px/28px var(--hb-font-title);
--hb-hero-sub:300 24px/32px var(--hb-font-title);
--hb-stat-number:700 36px/40px var(--hb-font-body);
--hb-stat-label:400 24px/32px var(--hb-font-body);
--hb-lead:400 20px/28px var(--hb-font-body);
--hb-body-lg:400 18px/28px var(--hb-font-body);
--hb-body:400 16px/24px var(--hb-font-body);
--hb-small:400 14px/20px var(--hb-font-body);
--hb-caption:300 12px/16px var(--hb-font-body);
/* shape and space */
--hb-radius:8px;--hb-radius-dot:12px;--hb-radius-round:50%;
--hb-container:1280px;--hb-gutter:48px;--hb-gutter-mobile:16px;
--hb-gap:20px;--hb-card-pad:20px;
--hb-header-h:80px;--hb-btn-h:56px;--hb-btn-h-sm:36px;--hb-btn-h-mobile:48px;
--hb-title-top:160px;--hb-title-top-mobile:80px;--hb-overtitle-gap:20px;--hb-title-gap:48px;
/* shadow: the site is flat. Only the WhatsApp button has one. */
--hb-shadow-whatsapp:0 4px 20px rgba(18,140,126,.45);
}