:root {
  --c-bg:            #000000;
  --c-bg-1:          #0f0f0f;
  --c-bg-2:          #1a1a1a;
  --c-bg-3:          #221f1b;

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

  --c-primary:       #e7cc7b;
  --c-secondary:     #f5d877;

  --c-border:        #7a5f3d;

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

/* 9d3e85a4be168a651f2e9b863ddeafba5a69750b5cb45e0692c4cb7e0fd09945 */