:root {
  --c-bg:            #0f0f0f;
  --c-bg-1:          #2b2b2b;
  --c-bg-2:          #484848;
  --c-bg-3:          #1d140f;

  --c-text:          #fafafa;
  --c-text-muted:    #e5e5e5;

  --c-primary:       #ff9c41;
  --c-secondary:     #1eaf4e;

  --c-border:        #685c51;

  --c-on-primary:    #14141c;
  --c-on-secondary:  #ffffff;

  --c-link:          #f4e83a;

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

  --grad-bonus:      linear-gradient(135deg,#7b3ff0,#5320b8);

  --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 24px rgba(244,232,58,.35);

  color-scheme: dark;
}

/* c260b1ea7291298c425b7ea8b52841b79a2cce6f039b6c97f79d8b71d8494ce4 */