/* Attix palette — values taken verbatim from the brand spec.
   Two greens with strict, non-interchangeable jobs:
     mint  #95D1A9 — the logo, and accents on ink backgrounds
     green #22C55F — action, and nothing else */
:root{
  /* brand */
  --mint-400:#95D1A9;
  --mint-bright:#7DE3A5;

  --green-50:#F0FCF4;
  --green-100:#DDFDE8;
  --green-150:#C9F7D8;
  --green-200:#CDF3DA;
  --green-500:#22C55F;
  --green-600:#1BB055;
  --green-700:#3E7A57;
  --green-800:#146734;
  --green-900:#0B6E38;

  /* ink */
  --ink-900:#1A2028;
  --ink-800:#1C2C42;
  --ink-700:#3D4654;
  --ink-600:#4A5462;
  --ink-500:#6D7380;
  --ink-400:#8A929C;
  --ink-300:#A2AAB4;

  /* ink-background text tones */
  --on-ink-100:#FEFEFF;
  --on-ink-300:#CBD6E0;
  --on-ink-400:#A5B2C0;
  --on-ink-500:#7C8B9C;

  /* surfaces */
  --surface-0:#FEFEFF;
  --surface-50:#F9FBFA;
  --canvas:#F4F7F8;

  /* lines, lightest to darkest */
  --line-50:#F1F4F5;
  --line-100:#EFF2F3;
  --line-200:#E9EDEF;
  --line-300:#E4E9EC;
  --line-400:#DDE3E6;

  /* semantic + trades: pale surface, dark text of the same hue */
  --amber-100:#FDF1DC;
  --amber-800:#9A6516;
  --blue-100:#E1F3FE;
  --blue-800:#1B6EA3;
  --red-100:#FFE3E2;
  --red-800:#A02B28;

  /* avatar tints only — never a surface, border or button */
  --purple-100:#F3E9FF;
  --purple-700:#7A3DE0;
  --pink-100:#FCE6F4;
  --pink-700:#C7268A;
}