:root{
/* Brand palette — from Xaeo brand basics, Sept 2026 */
--cobalt:#1F3BFF;        /* primary brand: logo on light, buttons, links, hero/pricing/final CTA */
--cobalt-deep:#1429B8;   /* 4px button edge, pressed states, shade side of cobalt shapes */
--pale-blue:#C9D1FF;     /* card shadows + borders on white, secondary button edge, dividers, tags */
--mist:#EEF1FF;          /* alternating section background */
--white:#FFFFFF;         /* main background; text + logo on cobalt */
--ink:#0A0F33;           /* headings, body, icons, logo on light */
--slate:#4A5275;         /* secondary text, captions, labels */
--signal-red:#FF3B30;    /* RESERVED: logo center square + mascot only. Never text, never decoration */
--green:#22C55E;         /* PRODUCT UI ONLY: fix completed, check passed, progress, Strong evidence */
--sun:#FFC61A;           /* PRODUCT UI ONLY: warnings, Medium evidence, chart highlights */

/* Derived (product UI support; one step from the palette, flat) */
--cobalt-hover:#3550FF;
--pale-blue-strong:#AEB9FF;
--green-deep:#16A34A;
--green-tint:#DCFCE7;
--sun-deep:#E0A800;
--sun-tint:#FFF4CC;
--ink-soft:#1C2250;

/* Product UI only (docs/app-redesign.md §4): AA status text, WCAG 1.4.11 control borders */
--green-ink:#166534;     /* Strong evidence / Mentioned text on --green-tint */
--sun-ink:#7A5200;       /* Medium evidence / warning text on --sun-tint */
--border-input:#848EC4;  /* resting border of inputs, selects, switches, checkboxes (3:1 on white); cards keep pale-blue */
--row-hover:#F7F8FF;     /* table row hover */

/* Semantic aliases */
--bg-page:var(--white);
--bg-section:var(--mist);
--bg-brand:var(--cobalt);
--bg-inverse:var(--ink);
--surface-card:var(--white);
--surface-sunken:var(--mist);
--surface-code:var(--ink);
--border-soft:var(--pale-blue);
--border-strong:var(--pale-blue-strong);
--divider:var(--pale-blue);
--text-primary:var(--ink);
--text-secondary:var(--slate);
--text-on-brand:var(--white);
--text-link:var(--cobalt);
--icon-primary:var(--ink);
--action-primary:var(--cobalt);
--action-primary-edge:var(--cobalt-deep);
--action-secondary:var(--white);
--action-secondary-edge:var(--pale-blue);
--focus-ring:var(--cobalt);
--status-success:var(--green);
--status-success-bg:var(--green-tint);
--status-warning:var(--sun);
--status-warning-bg:var(--sun-tint);
--status-neutral-bg:var(--mist);
--logo-spot:var(--signal-red);
}