/* Blite design tokens. Palette is taken from the logo (ink to deep green) plus a bone paper ground. */
:root{
  --ink:#0E1210;        /* primary dark ground */
  --ink-2:#151a17;      /* raised dark surface */
  --ink-3:#1c231f;      /* cards on dark */
  --forest:#1F2E27;     /* logo green */
  --forest-2:#2B3F35;
  --bone:#F3F1EC;       /* primary light ground */
  --bone-2:#EAE6DE;     /* raised light surface */
  --stone:#D9D4CA;      /* lines / quiet fills on light */
  --smoke:#8C918D;      /* muted text on dark */
  --graphite:#4A504C;   /* muted text on light */
  --brass:#B8995F;      /* tiny accent: focus, labels, active states */
  --brass-2:#D6BD88;
  --ok:#5E8B6B; --warn:#B7793A; --err:#A94A3B;

  --on-dark:#EEEDE8; --on-dark-2:#B9BDB9;
  --on-light:#121614; --on-light-2:#4A504C;
  --line-dark:rgba(238,237,232,.12); --line-light:rgba(18,22,20,.12);

  --f-display:"Michroma","Eurostile","Arial Black",sans-serif;
  --f-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;

  --fs-xs:12px; --fs-sm:14px; --fs-md:16px; --fs-lg:19px; --fs-xl:clamp(22px,2.4vw,28px);
  --fs-h3:clamp(18px,1.9vw,22px); --fs-h2:clamp(24px,3.4vw,40px); --fs-h1:clamp(30px,5.2vw,68px);

  --r-sm:6px; --r-md:12px; --r-lg:20px; --r-pill:999px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:72px; --sp-9:112px;
  --gutter:clamp(16px,4vw,56px); --maxw:1320px;
  --header-h:64px;
  --ease:cubic-bezier(.2,.7,.2,1); --ease-in-out:cubic-bezier(.6,0,.2,1);
  --shadow-1:0 1px 2px rgba(0,0,0,.18),0 8px 24px rgba(0,0,0,.18);
  --shadow-2:0 24px 64px rgba(0,0,0,.35);
  --z-header:50; --z-menu:60; --z-concierge:70; --z-toast:80;
}