:root{
/* Ink — charcoal from the logo (#3A3A3C sampled) */
--ink-950:#1C1C1E;--ink-900:#232325;--ink-800:#3A3A3C;--ink-700:#4F4F52;--ink-600:#6E6E72;--ink-500:#8E8E93;--ink-400:#B0B0B4;--ink-300:#D1D1D4;
/* Paper — warm neutrals, sawdust and plaster */
--paper-50:#FBFAF7;--paper-100:#F5F3EE;--paper-200:#ECE8E0;--paper-300:#DED8CC;--paper-400:#C9C1B2;--paper-500:#A39C8F;
/* Thermowood — honey face, roast core, weathered silver */
--honey-300:#E3BC84;--honey-500:#C6863A;--honey-700:#9A6425;--roast-700:#6A4420;--silver-400:#ABA9A2;
/* Brand accents */
--forest-800:#1E3D2F;--forest-600:#2E5A45;--forest-100:#E4ECE6;
--steel-800:#24405A;--steel-600:#3A5C7E;--steel-100:#E3E9EF;
/* Semantic status */
--success-600:#2E6B45;--success-100:#E1EFE5;--warning-600:#B8791E;--warning-100:#F8ECD9;--danger-600:#A63D2F;--danger-100:#F6E3DF;--info-600:#3A5C7E;--info-100:#E3E9EF;
/* Semantic aliases */
--surface-page:var(--paper-50);--surface-raised:#FFFFFF;--surface-sunken:var(--paper-100);--surface-inverse:var(--ink-900);--surface-accent:var(--honey-500);
--text-primary:var(--ink-900);--text-secondary:var(--ink-600);--text-muted:var(--ink-500);--text-inverse:var(--paper-50);--text-accent:var(--honey-700);--text-link:var(--ink-900);
--border-subtle:var(--paper-200);--border-default:var(--paper-300);--border-strong:var(--ink-800);--border-focus:var(--honey-500);
--action-primary:var(--ink-900);--action-primary-hover:var(--ink-800);--action-primary-text:var(--paper-50);
--action-accent:var(--honey-500);--action-accent-hover:var(--honey-700);--action-accent-text:var(--ink-950);
--brand-thermosticks:var(--forest-800);--brand-valo:var(--steel-800);--brand-sticks:var(--ink-800);
}

:root{
--font-sans:"Jost","Avenir Next","Helvetica Neue",Arial,sans-serif;
--font-serif:"Libre Caslon Text","Iowan Old Style",Georgia,serif;
--font-mono:"SF Mono",ui-monospace,Menlo,Consolas,monospace;
--text-display:clamp(44px,5.4vw,80px);--text-h1:clamp(36px,4vw,56px);--text-h2:clamp(28px,3vw,40px);--text-h3:24px;--text-h4:20px;--text-lg:18px;--text-md:16px;--text-sm:14px;--text-xs:12px;--text-eyebrow:12px;
--leading-tight:1.05;--leading-snug:1.2;--leading-normal:1.5;--leading-relaxed:1.65;
--tracking-display:-0.01em;--tracking-body:0;--tracking-eyebrow:0.18em;--tracking-logo:0.22em;
--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;
}

: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;--space-10:144px;
--container-max:1280px;--container-narrow:720px;--gutter:clamp(20px,4vw,64px);/* @kind spacing */--section-y:clamp(64px,9vw,144px);/* @kind spacing */
--control-h-sm:36px;--control-h-md:44px;--control-h-lg:56px;
}

:root{
--radius-none:0;--radius-sm:2px;--radius-md:2px;--radius-pill:999px;
--shadow-none:none;--shadow-sm:0 1px 2px rgba(28,28,30,.06);--shadow-md:0 8px 24px -8px rgba(28,28,30,.14);--shadow-lg:0 24px 48px -16px rgba(28,28,30,.22);
--ring-focus:0 0 0 2px var(--surface-page),0 0 0 4px var(--honey-500);
--ease-out:cubic-bezier(.22,1,.36,1);/* @kind other */--ease-in-out:cubic-bezier(.65,0,.35,1);/* @kind other */--dur-fast:120ms;/* @kind other */--dur-base:220ms;/* @kind other */--dur-slow:480ms;/* @kind other */
--overlay-scrim:rgba(28,28,30,.56);--protect-gradient:linear-gradient(180deg,rgba(28,28,30,0) 40%,rgba(28,28,30,.72) 100%);/* @kind color */
--divider:1px solid var(--border-default);--hairline:1px solid var(--border-subtle);
}