:root{
/* Brand */
--coral:#E8674E;--coral-hover:#F0795F;--coral-active:#B43F29;--coral-text:#B43F29;
--slate:#3A4750;--apricot:#FFC096;--petrol:#5B7A8C;--ink:#28323A;--white:#FFFFFF;
/* Neutral scale (blue-grey) */
--n-950:#1D262C;--n-900:#28323A;--n-800:#3A4750;--n-600:#5D6B76;--n-400:#9BA5B0;--n-300:#C2CAD1;--n-200:#D6DBE0;--n-100:#E8EDF1;--n-50:#F2F5F7;
--divider:#E2E6EA;
/* Login gradient stops */
--login-from:#2C3640;--login-to:#1E262C;

/* Semantic — text */
--text-body:var(--ink);--text-strong:var(--n-950);--text-muted:var(--n-600);--text-subtle:var(--n-400);
--text-accent:var(--coral-text);--text-inverse:var(--white);--text-inverse-muted:var(--n-300);
/* Semantic — surfaces */
--surface-page:var(--white);--surface-subtle:var(--n-50);--surface-card:var(--white);--surface-sunken:var(--n-100);
--surface-dark:var(--slate);--surface-deepest:var(--n-950);--surface-accent:var(--coral);--surface-marker:var(--apricot);
/* Semantic — borders */
--border-divider:var(--divider);--border-default:var(--n-200);--border-strong:var(--n-300);--border-inverse:rgba(255,255,255,.18);
/* Semantic — interactive */
--action-primary:var(--coral);--action-primary-hover:var(--coral-hover);--action-primary-active:var(--coral-active);
--action-dark:var(--slate);--action-dark-hover:var(--n-900);--action-dark-active:var(--n-950);
--focus-ring:var(--coral);--focus-width:2px; /* @kind spacing */
--focus-offset:2px; /* @kind spacing */

--status-error:var(--coral-text);--status-info:var(--petrol);
/* Gradients & glows (login only) */
--gradient-login:linear-gradient(158deg,var(--login-from) 0%,var(--login-to) 100%); /* @kind color */

--glow-coral:radial-gradient(circle at center,rgba(232,103,78,.28) 0%,rgba(232,103,78,0) 62%); /* @kind color */

--glow-petrol:radial-gradient(circle at center,rgba(91,122,140,.32) 0%,rgba(91,122,140,0) 62%); /* @kind color */

}