:root{
  /* brand */
  --color-brand-primary:#106BFF;
  --color-brand-secondary:#00BFAE;
  --color-brand-accent:#22D282;
  --gradient-brand:linear-gradient(135deg,#106BFF 0%,#00BFAE 52%,#22D282 100%); /* @kind color */

  /* backgrounds */
  --color-bg-canvas:#05080C;
  --color-bg-surface:#0B1220;
  --color-bg-surface-raised:#101B2A;

  /* text */
  --color-text-primary:#FFFFFF;
  --color-text-secondary:rgba(255,255,255,.68);
  --color-text-muted:rgba(255,255,255,.42);
  --color-text-on-light:#05080C;

  /* structure */
  --color-border-subtle:rgba(255,255,255,.10);
  --color-border-active:rgba(0,191,174,.42);

  /* semantic */
  --color-positive:#22D282;
  --color-info:#00BFAE;
  --color-action:#106BFF;
  --color-negative:#FF5C5C;

  /* glow */
  --glow-primary:0 0 48px rgba(16,107,255,.22);
  --glow-secondary:0 0 40px rgba(0,191,174,.20);
  --glow-accent:0 0 32px rgba(34,210,130,.18);
}