:root{
  /* ---- Base palette ---- */
  --canvas:#FFFBFD;
  --pink:#FFE3F6;
  --sand:#EFCDAF;
  --raspberry:#D53F79;
  --violet:#6212FA;
  --ink:#1F0A2E;
  --muted:#6B5570;
  --deep:#14062B;
  --hairline:#EADFE8;
  --white:#FFFFFF;

  /* ---- Derived states ---- */
  --violet-press:#5210D6;      /* darkened for hover/press, never lightened */
  --violet-tint:#6212FA1F;     /* ~12% — badge + focus-ring fills */
  --raspberry-tint:#D53F791F;  /* ~12% — badges, highlighted table column */
  --sand-tint:#EFCDAF52;
  --hairline-deep:#FFFFFF1F;   /* hairline on deep/ink surfaces */

  /* ---- Semantic surfaces ---- */
  --surface-page:var(--canvas);
  --surface-hero:var(--pink);
  --surface-warm:var(--sand);
  --surface-card:var(--white);
  --surface-card-alt:var(--canvas);
  --surface-closing:var(--deep);
  --surface-inset:#FFF5FB;

  /* ---- Semantic text ---- */
  --text-strong:var(--ink);
  --text-body:var(--ink);
  --text-secondary:var(--muted);
  --text-label:var(--muted);
  --text-accent:var(--raspberry);
  --text-on-deep:#F7EEF6;
  --text-on-deep-secondary:#B9A9C4;
  --text-link:var(--violet);

  /* ---- Semantic lines ---- */
  --border-hairline:var(--hairline);
  --border-strong:var(--ink);
  --border-on-deep:var(--hairline-deep);
  --focus-ring:var(--violet);

  /* ---- Actions ---- */
  --action-primary-bg:var(--violet);
  --action-primary-fg:var(--white);
  --action-primary-bg-hover:var(--violet-press);
  --action-secondary-fg:var(--ink);
  --action-secondary-border:var(--ink);

  /* ---- AI colleague accents ----
     Each colleague owns one hand of the logo mark in this colour.
     The final three are deliberately desaturated: "hamarosan" / coming soon. */
  --agent-mia:#6212FA;
  --agent-szilvia:#FF9EC4;
  --agent-olivia:#A855D8;
  --agent-adel:#7C5CF0;
  --agent-zoltan:#EFB07A;
  --agent-ede:#D53F79;
  --agent-krisztian:#4FA3A5;
  --agent-bendeguz:#8B87A8;
  --agent-gabor:#4C1D95;

  /* ---- Soft background shapes ---- */
  --blob-1:#FFE3F6;
  --blob-2:#EFCDAF;
  --blob-3:#D9C6FF;
}