:root {
  /* Brand — gradient stops (the identity) */
  --grad-from: #3b3486;   /* indigo */
  --grad-mid: #9a4fc7;    /* orchid */
  --grad-to: #c42a86;     /* magenta */
  --brand-gradient: linear-gradient(135deg, var(--grad-from), var(--grad-to));            /* CTA */
  --brand-gradient-tile: linear-gradient(140deg, var(--grad-from), var(--grad-mid) 65%, var(--grad-to)); /* monogram tile */
  --brand-gradient-card: linear-gradient(150deg, var(--grad-from), var(--grad-to));        /* payoff card */
  --brand-gradient-deep: linear-gradient(155deg, #1a1740, var(--grad-from));               /* dark gradient card */
  --brand-gradient-bar: linear-gradient(90deg, #06070e, #1a1740 45%, #3b1a52); /* @kind color */
  --brand-ramp: linear-gradient(90deg, #06070e, #1a1740, #3b3486, #5b4bd0, #9a4fc7, #c42a86); /* @kind color */

  /* Brand — solids */
  --primary: #5b4bd0;      /* violet · primary accent */
  --primary-deep: #3b3486; /* indigo */
  --violet: #9a4fc7;       /* orchid */
  --magenta: #c42a86;

  /* Signal accents — max ~30% of one element, never two equally loud */
  --signal-pink: #ec0868;      /* swissAI · CTA, "neu" */
  --signal-pink-red: #ed0022;  /* swissAI · loud / alert */
  --signal-pink-soft: #ff7bc2; /* pink on ink (don't lists, highlights) */
  --signal-lime: #deff26;      /* atrete · highlight */
  --signal-green: #073a2d;     /* atrete · ground under lime */

  /* Glow */
  --glow-violet: #7c6ce0;  /* portrait rings */
  --glow-lilac: #d9b8ff;   /* eyebrow on ink, lightest highlight */
  --glow-lilac-soft: #a99bec;
  --glow-magenta-soft: #e86bab;

  /* Ink surfaces */
  --ink: #06070e;         /* primary floor — never pure black */
  --ink-raised: #14121f;
  --ink-soft: #1a1740;    /* midnight · cards on ink */
  --ink-card: #12121f;
  --ink-hairline: #23223a;

  /* Paper surfaces */
  --canvas: #f7f5fb;       /* paper floor */
  --surface-mist: #e9e6f0; /* desk / section ground */
  --surface-card: #ffffff;
  --surface-tint: #ece9fb; /* pale violet chips, callouts */
  --surface-slate: #c6cde4;/* placeholder bars */
  --surface-slate-soft: #d6dbec;

  /* Text on ink */
  --on-ink: #ffffff;
  --on-ink-muted: rgba(255, 255, 255, 0.72);
  --on-ink-faint: rgba(255, 255, 255, 0.5);

  /* Text on paper */
  --paper-ink: #14121f;      /* titles + body */
  --text-body: #4a4557;      /* running text */
  --text-muted: #565064;     /* secondary paragraphs */
  --text-muted-soft: #8a8497;/* eyebrows, captions */
  --text-label: #7a748c;     /* section labels */

  /* Hairlines */
  --hairline: #e6e1f2;         /* default paper card border */
  --hairline-soft: #eee7f6;    /* inner divider */
  --hairline-strong: #e2dcef;  /* section border, outline button */
  --hairline-ink: rgba(255, 255, 255, 0.12);
  --hairline-dashed: #c9bdec;  /* workspace boxes */

  /* Diagram */
  --diagram-blue: #2f6fed;
  --diagram-arrow: #5b4bd0;

  /* Roles */
  --on-primary: #ffffff;
  --scrim: rgba(6, 7, 14, 0.55);
  --link: #5b4bd0;
  --link-hover: #9a4fc7;
}