/* Method8 color tokens — exact values from method8.com (Webflow variables, e.g. --gray--600 → --gray-600). */
:root{
/* Gray (Untitled-UI gray scale; no 800 step exists on the site) */
--gray-50:#f9fafb;--gray-100:#f2f4f7;--gray-200:#e4e7ec;--gray-300:#d0d5dd;--gray-400:#94969c;--gray-500:#667085;--gray-600:#475467;--gray-700:#344054;--gray-900:#161b26;--gray-950:#0c111d;
/* Brand slate (button/ink family) */
--brand-200:#e3e8ef;--brand-500:#0ba5ec;--brand-600:#4b5565;--brand-700:#364152;--brand-800:#202939;--brand-900:#121926;
/* Blue — primary accent */
--blue-50:#eff8ff;--blue-100:#d1e9ff;--blue-200:#b2ddff;--blue-300:#84caff;--blue-400:#53b1fd;--blue-500:#2e90fa;--blue-600:#1570ef;--blue-700:#175cd3;
/* Solution accents (Protect = blue, Perform = purple, Grow = pink, Assure = orange) */
--purple-50:#f4f3ff;--purple-100:#ebe9fe;--purple-400:#9b8afb;--purple-500:#7a5af8;
--pink-50:#fdf2fa;--pink-100:#fce7f6;--pink-300:#faa7e0;--pink-400:#f670c7;--pink-500:#ee46bc;
--orange-50:#fef6ee;--orange-100:#fdead7;--orange-300:#f7b27a;--orange-400:#f38744;--orange-500:#ef6820;
/* Supporting tints */
--success-50:#ecfdf3;--success-500:#00a65a;--success-600:#079455;--moss-50:#f5fbee;--indigo-50:#eef4ff;
/* Neutrals */
--white:#ffffff;--black:#000000;--neutral-dark:#333333;--white-50:#ffffff80;--transparent:#0000;
--ink-cta:#000206;--border-cta:#d7edff;
/* Logo */
--logo-wordmark:#344054;--logo-mark:#53b1fd;

/* ---- Semantic aliases ---- */
--brand-primary:var(--blue-500);
--text-heading:var(--gray-700);
--text-body:var(--gray-600);
--text-muted:var(--gray-500);
--text-strong:var(--gray-900);
--text-placeholder:var(--gray-500);
--text-accent:var(--blue-500);
--text-accent-hover:var(--blue-700);
--text-on-dark:var(--gray-50);
--text-on-dark-muted:var(--gray-400);
--text-inverse:var(--white);

--surface-page:var(--white);
--surface-subtle:var(--gray-50);
--surface-muted:var(--gray-100);
--surface-tint:var(--blue-50);
--surface-tint-strong:var(--blue-100);
--surface-slate:var(--brand-200);
--surface-dark:var(--gray-950);
--surface-dark-raised:var(--gray-900);
--surface-cta:var(--ink-cta);
--surface-overlay:rgba(248,250,252,.7);

--border-default:var(--gray-200);
--border-subtle:var(--gray-100);
--border-input:var(--gray-300);
--border-input-focus:var(--brand-600);
--focus-ring:var(--blue-200);

--button-primary-bg:var(--brand-700);
--button-primary-bg-hover:var(--brand-800);
--button-secondary-bg:var(--white);
--button-secondary-bg-hover:var(--gray-50);
--button-secondary-border:var(--gray-300);
--button-secondary-text:var(--gray-700);
--button-accent-bg:var(--blue-500);

--status-success-bg:var(--success-50);
--status-success-text:var(--success-500);
--status-error-bg:var(--orange-100);
--status-error-text:var(--orange-500);
}