/* Builderkind Labs — design tokens.
   Copied verbatim from the Builderkind Labs design system
   (_ds/builderkind-labs-design-system-.../tokens/*.css), concatenated into one
   file to avoid seven extra requests. Edit the design system, then re-copy here. */

/* ── fonts ─────────────────────────────────────────────────────────────── */
/* The design system's fonts.css @imports Inter from Google Fonts. Here it is loaded
   with <link rel="preconnect"> + <link rel="stylesheet"> in each page head instead —
   same font, one less blocking round trip. */
:root{--font-sans:Inter,Arial,Helvetica,sans-serif;--font-body:var(--font-sans);--font-display:var(--font-sans)}

/* ── colors ────────────────────────────────────────────────────────────── */
:root{
/* Brand pack v1.0 — three core colours */
--ink:#242424;--ivory:#FAF7EF;--white:#FFFFFF;
/* Extended neutrals, light surfaces */
--ink-hover:#000000;
--body:#3A3833;
--muted:#5F5A50;
--hairline:#E2DCCD;
--panel-border:#ECE7DA;
--ivory-shade:#EFEADF;
/* On dark */
--on-dark:#FAF7EF;
--on-dark-body:#D6D1C5;
--on-dark-muted:#BDB8AC;
--dark-hairline:#45433E;
--dark-dashed:#5C5850;
/* Imanu product mark colours — sampled from the supplied Imanu SVG. Product identity only; never used for Builderkind Labs UI. */
--imanu-sand:#E0C09F;--imanu-sage:#7A8A74;--imanu-terracotta:#C65D37;--imanu-slate:#313538;--imanu-cream:#F3E9D8;

/* Semantic aliases */
--surface-page:var(--ivory);
--surface-card:var(--white);
--surface-raised:var(--ivory-shade);
--surface-inverse:var(--ink);
--text-strong:var(--ink);
--text-body:var(--body);
--text-muted:var(--muted);
--text-on-inverse:var(--on-dark);
--text-on-inverse-body:var(--on-dark-body);
--text-on-inverse-muted:var(--on-dark-muted);
--border-hairline:var(--hairline);
--border-panel:var(--panel-border);
--border-inverse:var(--dark-hairline);
--border-strong:var(--ink);
--focus-ring:var(--ink);
--focus-ring-inverse:var(--ivory);
--link:var(--ink);
--link-hover:var(--ink-hover);
}

/* ── typography ────────────────────────────────────────────────────────── */
:root{
/* Sizes — desktop (1440) then the mobile (390) counterpart */
--fs-h1:80px;
--fs-h1-m:44px;
--fs-h1-legal:64px;
--fs-h1-legal-m:36px;
--fs-h2:52px;
--fs-h2-m:34px;
--fs-h2-about:44px;
--fs-h2-about-m:32px;
--fs-h2-legal:26px;
--fs-h2-legal-m:22px;
--fs-h3:28px;
--fs-h3-m:24px;
--fs-product-name:72px;
--fs-product-name-m:52px;
--fs-product-line:26px;
--fs-product-line-m:22px;
--fs-card-title:30px;
--fs-card-title-m:26px;
--fs-lead:21px;
--fs-lead-m:18px;
--fs-lead-legal:20px;
--fs-prose:19px;
--fs-body:18px;
--fs-body-m:17px;
--fs-body-sm:17px;
--fs-ui:16px;
--fs-meta:15px;
--fs-eyebrow:14px;
--fs-eyebrow-m:13px;
--fs-fine:14px;
--fs-fine-m:13px;

/* Line heights */
--lh-h1:1.02; /* @kind font */
--lh-h1-m:1.05; /* @kind font */
--lh-h2:1.08; /* @kind font */
--lh-h2-m:1.12; /* @kind font */
--lh-title:1.2; /* @kind font */
--lh-legal-h2:1.25; /* @kind font */
--lh-snug:1.3; /* @kind font */
--lh-lead:1.55; /* @kind font */
--lh-body:1.6; /* @kind font */
--lh-prose:1.65; /* @kind font */
--lh-legal:1.7; /* @kind font */
--lh-tight-ui:1.4; /* @kind font */
--lh-meta:1.5; /* @kind font */

/* Weights */
--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-semibold:600; /* @kind font */
--fw-bold:700; /* @kind font */

/* Tracking */
--ls-h1:-0.03em; /* @kind font */
--ls-h2:-0.02em; /* @kind font */
--ls-h3:-0.01em; /* @kind font */
--ls-normal:0; /* @kind font */
--ls-eyebrow:0.08em; /* @kind font */

/* Composed aliases */
--text-eyebrow-transform:uppercase; /* @kind other */
}

/* ── spacing ───────────────────────────────────────────────────────────── */
:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-7:28px;
--space-8:32px;
--space-10:40px;
--space-12:48px;
--space-14:56px;
--space-16:64px;
--space-18:72px;
--space-20:80px;
--space-24:96px;
--space-28:112px;
--space-32:128px;

/* Layout */
--content-max:1280px;
--gutter:24px;
--grid-columns:12; /* @kind other */
--page-pad-x:80px;
--page-pad-x-m:24px;
--header-h:96px;
--header-h-m:76px;
--section-pad-y:112px;
--section-pad-y-m:72px;
--touch-min:44px;

/* Control heights */
--control-h-hero:56px;
--control-h:52px;
--control-h-sm:48px;
--control-h-contact:60px;
}

/* ── radii ─────────────────────────────────────────────────────────────── */
:root{
--radius-pill:999px;
--radius-panel:40px;
--radius-card:28px;
--radius-card-m:24px;
--radius-sm:12px;
--border-width-hairline:1px; /* @kind spacing */
--border-width-strong:1.5px; /* @kind spacing */
--border-width-rule:2px; /* @kind spacing */
}

/* ── elevation ─────────────────────────────────────────────────────────── */
:root{
/* The brand is flat: borders do the work. One shadow exists — the floating cookie card. */
--shadow-none:none;
--shadow-floating:0 16px 40px rgba(36,36,36,0.12);
--focus-ring-width:2px; /* @kind spacing */
--focus-ring-offset:3px; /* @kind spacing */
}

/* ── motion ────────────────────────────────────────────────────────────── */
:root{
--duration-fast:120ms; /* @kind other */
--duration-base:180ms; /* @kind other */
--duration-slow:240ms; /* @kind other */
--ease-standard:cubic-bezier(0.2,0,0,1); /* @kind other */
--transition-color:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard); /* @kind other */
}