:root{
  /* Brand */
  --das-purple:#7C2FE8;
  --das-purple-deep:#5B21B6;
  --das-purple-bright:#9333EA;
  --das-magenta:#A21CAF;
  --das-purple-text:#6B21C8;
  --das-purple-highlight:#C79BFF;
  --das-lilac:#F0C6FF;
  --das-gold:#F59E0B;

  /* Tints */
  --das-purple-50:#FAF8FE;
  --das-purple-100:#F5F1FE;
  --das-purple-150:#F3EDFE;
  --das-purple-200:#ECE4FB;
  --das-purple-300:#E6DDFA;
  --das-purple-400:#C9AEF8;

  /* Navy / ink */
  --das-navy-950:#070A20;
  --das-navy-900:#0B0E2A;
  --das-navy-800:#141838;
  --das-navy-700:#23284F;
  --das-ink:#12143A;
  --das-ink-2:#3C3F5E;
  --das-ink-3:#4A4E6E;
  --das-ink-4:#5A5E7E;
  --das-ink-muted:#6E7191;
  --das-ink-faint:#9A9DB8;

  /* Neutrals */
  --das-white:#ffffff;
  --das-gray-50:#F4F5F9;
  --das-gray-100:#F0F1F6;
  --das-gray-150:#ECEDF4;
  --das-gray-200:#E9EAF2;
  --das-gray-300:#E4E6F0;

  /* On dark */
  --das-on-dark:#ffffff;
  --das-on-dark-2:#C6C9E4;
  --das-on-dark-3:#DFE1F3;
  --das-on-purple-2:#EFE6FF;

  /* Semantic */
  --das-success:#16A34A;
  --das-success-text:#15803D;
  --das-success-bg:#F0FAF3;
  --das-success-border:#CBEBD4;
  --das-success-ink:#2A4A34;
  --das-danger:#E11D48;
  --das-danger-text:#BE123C;
  --das-danger-bg:#FDF1F3;
  --das-danger-border:#F6D3DA;
  --das-danger-ink:#5E2A35;
  --das-danger-soft:#FB7185;
  --das-warn-bg:#FEF6E7;
  --das-warn-border:#F6DFAE;
  --das-warn-ink:#8A5B00;

  /* Gradients */
  --das-gradient-cta:linear-gradient(135deg,#7C2FE8,#9333EA); /* @kind color */
  --das-gradient-band:linear-gradient(135deg,#5B21B6 0%,#7C2FE8 55%,#A21CAF 100%); /* @kind color */
  --das-gradient-hero:radial-gradient(900px 480px at 50% -120px,#F3EDFE 0%,#ffffff 62%); /* @kind color */

}