/* linglo shared design tokens (T01): ONE colour set for the app, the homepage and the static
   pages (pricing). Values from research/ui-handoff-2026-10-12/TECHNICAL-SPEC.md section 2;
   every text/border pair was contrast-checked there (contrast-check.json). Component styles
   alias these (styles.css, public/pricing.html); never put a raw hex where a token exists.
   Dark is the default; [data-theme] on <html> switches. */
:root, [data-theme="dark"] {
  --ui-canvas:#000000; --ui-surface:#0E0E10; --ui-raised:#161618;
  --ui-text:#F3F3F5; --ui-text-2:#A6A6AC; --ui-text-3:#92929B;
  --ui-action:#5B53D6; --ui-action-ink:#FFFFFF; --ui-action-hover:#4A43BE; --ui-link:#8B82FF;
  --ui-line:rgba(255,255,255,.10); --ui-line-2:rgba(255,255,255,.16); --ui-control-border:#767680;
  --ui-ok:#7CCB97; --ui-warn:#E8B84B; --ui-danger:#F28B82; --ui-coral:#FF8A5B;
  --ui-r-sm:8px; --ui-r-control:12px; --ui-r-doc:18px;
  --ui-focus:0 0 0 2px var(--ui-canvas), 0 0 0 4px var(--ui-link);
}
[data-theme="light"] {
  --ui-canvas:#F4F2EC; --ui-surface:#FFFFFF; --ui-raised:#FAF9F5;
  --ui-text:#26231E; --ui-text-2:#5C564D; --ui-text-3:#615A4F;
  --ui-action-hover:#4A43BE; --ui-link:#5B53D6;
  --ui-line:#E2DACD; --ui-line-2:#D6CCBC; --ui-control-border:#827A6E;
  --ui-ok:#256B43; --ui-warn:#785300; --ui-danger:#A62E36;
}