/* CFS · color tokens — semantic layer over Figma variables (tokens/fig-tokens.css) */
:root{
--black:#000;--white:#fff;
--ink:#000d14; /* accent: near-black blue — primary button/surface fill */
--ink-deep:#061b31; /* azure-11 — small-caps utility text */
--gray-950:#020202;--gray-900:#080808;--gray-850:#141414;--gray-800:#222;--gray-700:#3a3a3a;--gray-500:#636363;--gray-400:#727272;--gray-300:#aaa;
--paper-100:#fefefe;--paper-200:#fafafa;--paper-300:#f7f7f7;--paper-400:#f2f2f2;--paper-500:#ededed;--paper-600:#e6e6e6;--paper-700:#dedede;--paper-800:#d9d9d9;
--blue-webflow:#146ef5; /* appears only in the Webflow badge — do not use in brand UI */
/* semantic */
--text-primary:#000;--text-secondary:#222;--text-muted:#727272;--text-inverse:#fff;
--text-soft:rgba(0,0,0,0.6);--text-inverse-soft:rgba(255,255,255,0.6);
--surface-page:#fff;--surface-card:#fff;--surface-tint:#fafafa;--surface-tint-2:#f7f7f7;--surface-dark:#000;--surface-accent:#000d14;
--border-hairline:#f2f2f2;--border-divider:#ededed;--border-strong:#000;--border-mid:#e6e5e5;
--overlay-photo:rgba(0,0,0,0.5);--overlay-photo-strong:rgba(0,0,0,0.8);--overlay-chip:rgba(0,0,0,0.4);
--glass-header:rgba(255,255,255,0.85);--glass-panel:rgba(255,255,255,0.05);--glass-faint:rgba(255,255,255,0.01);
--btn-primary-bg:#000d14;--btn-primary-fg:#fff;
--btn-secondary-bg:#fff;--btn-secondary-fg:#000;--btn-secondary-border:#f2f2f2;
--btn-ghostdark-border:#fff;--btn-ghostdark-fg:#fff;
}