:root {
  --c-bg:            #1b2f55;
  --c-bg-1:          #21385d;
  --c-bg-2:          #131a20;
  --c-bg-3:          #204361;

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

  --c-primary:       #4cd8ed;
  --c-secondary:     #0a66ef;

  --c-border:        #1a2e3b;

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

/* 30f311e14f361c6e117cac821dcd5f8ad9058da483988d311b890651ef802ea4 */