:root {
  --c-bg:            #0b0d10;
  --c-bg-1:          #07274e;
  --c-bg-2:          #265a91;
  --c-bg-3:          #1b4c79;

  --c-text:          #ffffff;
  --c-text-muted:    #88a0c4;

  --c-primary:       #50a9fc;
  --c-secondary:     #08b8f3;

  --c-border:        #264767;

  --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;
}

/* 33e80ee4f47017be2e3de0bd9646594016b5501aafe931e3b611b764b3dc16b7 */