:root {
  --c-bg:            #1b233f;
  --c-bg-1:          #10131a;
  --c-bg-2:          #354b7b;
  --c-bg-3:          #3d2d64;

  --c-text:          #ffffff;
  --c-text-muted:    #d2d8e5;

  --c-primary:       #7da2ff;
  --c-secondary:     #b295ff;

  --c-border:        #252d46;

  --c-on-primary:    #04222a;
  --c-on-secondary:  #fff;

  --c-link:          #4fdbf0;

  --c-success:       #34d07f;
  --c-success-bg:    rgba(52, 208, 127, .14);
  --c-danger:        #ff5f6d;
  --c-danger-bg:     rgba(255, 95, 109, .14);
  --c-win:           #22d3ee;
  --c-star:          #6366f1;

  --grad-bonus:      linear-gradient(135deg,#4f46e5,#1e1b8a);

  --shadow-sm:       0 1px 2px rgba(0,0,0,.5);
  --shadow:          0 8px 30px rgba(0,0,0,.45);
  --shadow-lg:       0 16px 50px rgba(0,0,0,.6);
   0 26px rgba(34,211,238,.42);

  color-scheme: dark;
}

/* 081126adeb178c8dd4abc6f91da40394bf831ef8a270addedd4bf81518aca81a */