:root{
/* Brand spectrum — sampled directly from the logo mark and wordmark gradient */
--ti-indigo:#4848a8;--ti-blue:#4860a8;--ti-teal:#48c0c0;--ti-aqua:#60c0d8;
--ti-yellow:#f0d848;--ti-orange:#f0a860;--ti-coral:#f06060;--ti-red:#d83030;
--ti-teal-light:#90d8d8;--ti-coral-light:#d87878;

/* Ink & neutrals — the site sits on white with a charcoal header/footer */
--ink-900:#1b1b1b;--ink-800:#2b2b2b;--ink-700:#3d3d3d;--ink-600:#585858;
--ink-500:#767676;--ink-400:#a1a1a1;--ink-300:#c9c9c9;--ink-200:#e4e4e4;
--ink-100:#f1f1f1;--ink-050:#f8f8f8;--white:#ffffff;

/* Semantic aliases */
--text-heading:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);
--text-on-dark:var(--white);--text-on-dark-muted:rgba(255,255,255,.72);
--text-link:var(--ti-indigo);--text-link-hover:var(--ti-red);

--surface-page:var(--white);--surface-alt:var(--ink-050);--surface-card:var(--white);
--surface-dark:var(--ink-900);--surface-dark-alt:var(--ink-800);

--border-hairline:var(--ink-200);--border-strong:var(--ink-300);--border-on-dark:rgba(255,255,255,.16);

--action-primary:var(--ti-red);--action-primary-hover:#b62525;
--action-secondary:var(--ti-teal);--action-secondary-hover:#33a3a3;
--action-dark:var(--ink-900);--action-dark-hover:var(--ink-700);
--focus-ring:var(--ti-indigo);

--accent-eco:var(--ti-teal);--accent-saving:var(--ti-yellow);--accent-alert:var(--ti-red);

/* The brand gradient: the wordmark sweep, left to right */
--brand-gradient:linear-gradient(90deg,var(--ti-indigo) 0%,var(--ti-blue) 16%,var(--ti-teal) 34%,var(--ti-yellow) 56%,var(--ti-orange) 74%,var(--ti-red) 100%);/* @kind color */
/* Protection scrim for caps-over-photo headlines */
--scrim-photo:linear-gradient(180deg,rgba(27,27,27,.15) 0%,rgba(27,27,27,.55) 45%,rgba(27,27,27,.86) 100%);/* @kind color */
}