/* Fluid Imagination — canonical design tokens (bundled from tokens/colors.css,
   typography.css, spacing.css). Fonts are enqueued separately by the plugin.
   Do not hand-edit here; edit the source token files and re-sync. */

:root{
--color-paper:#F4F1EA;
--color-ink:#1C1A16;
--color-warm-gray:#8A8578;
--color-steel:#22303F;
--color-slate:#5B7085;
--color-rust:#A8482A;
--color-amber:#E0A45A;
--surface-page:var(--color-paper);
--surface-card:var(--color-paper);
--text-body:var(--color-ink);
--text-heading:var(--color-ink);
--text-meta:var(--color-warm-gray);
--border-default:color-mix(in oklch, var(--color-warm-gray) 45%, transparent);
--border-strong:var(--color-warm-gray);
--accent-cold-primary:var(--color-steel);
--accent-cold-secondary:var(--color-slate);
--accent-warm-primary:var(--color-rust);
--accent-warm-secondary:var(--color-amber);
--accent-primary:var(--color-steel);
--accent-secondary:var(--color-slate);
}
[data-mode="cold"]{--accent-primary:var(--color-steel);--accent-secondary:var(--color-slate);}
[data-mode="warm"]{--accent-primary:var(--color-rust);--accent-secondary:var(--color-amber);}

:root{
--font-display:'Kanit',sans-serif;
--font-subhead:'Martel Sans',sans-serif;
--font-body:'Duru Sans',sans-serif;
--text-display-size:56px;--text-display-weight:700;--text-display-lh:1.05;
--text-h1-size:38px;--text-h1-weight:700;--text-h1-lh:1.1;
--text-h2-size:26px;--text-h2-weight:600;--text-h2-lh:1.15;
--text-h3-size:20px;--text-h3-weight:600;--text-h3-lh:1.25;
--text-dek-size:22px;--text-dek-weight:400;--text-dek-lh:1.45;
--text-body-size:18px;--text-body-weight:400;--text-body-lh:1.65;
--text-meta-size:13px;--text-meta-weight:500;--text-meta-lh:1.4;--text-meta-tracking:0.04em;
--text-quote-size:20px;--text-quote-lh:1.55;
--measure-max:68ch;
}

:root{
--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--space-7:96px;
--radius-sm:2px;--radius-md:4px;--radius-card:6px;
--image-ratio:119/40;
}