:root {
  --trusty-cyan: #00E5FF;
  --trusty-blue: #297BFF;
  --trusty-indigo: #4A5BFF;
  --trusty-violet: #7B3DFF;
  --trusty-purple: #B14DFF;
  --trusty-midnight: #0B1022;
  --trusty-slate: #2A3144;
  --trusty-ice: #F5F7FB;
  --trusty-white: #FFFFFF;
  --trusty-gradient-core: linear-gradient(135deg, #00E5FF 0%, #297BFF 34%, #7B3DFF 68%, #B14DFF 100%);
  --trusty-gradient-cool: linear-gradient(90deg, #00E5FF 0%, #297BFF 48%, #7B3DFF 100%);
  --trusty-bg-dark: #0B1022;
  --trusty-bg-light: #F5F7FB;
  --trusty-text-dark: #0B1022;
  --trusty-text-light: #F5F7FB;
}

/* Recommended UI usage */
.trusty-brand-on-dark { background: var(--trusty-midnight); color: var(--trusty-ice); }
.trusty-brand-on-light { background: #FFFFFF; color: var(--trusty-midnight); }
.trusty-accent { background-image: var(--trusty-gradient-core); }