:root {
  /* Stake Brand Colors */
  --c-bg:          #0F1923;
  --c-bg2:         #1A2C38;
  --c-bg3:         #213743;
  --c-card:        #1D2F3C;
  --c-card-hover:  #243646;
  --c-border:      #2C4153;

  --c-green:       #1FD96A;
  --c-green-dark:  #17BE5A;
  --c-green-dim:   rgba(31,217,106,0.12);

  --c-white:       #FFFFFF;
  --c-text:        #C3D6DF;
  --c-text-muted:  #8FA3B1;
  --c-text-dim:    #5E7A8A;

  --c-red:         #FF5A5A;
  --c-gold:        #F4C430;
  --c-blue:        #2B6CB0;

  /* Layout */
  --inner-w:       1200px;
  --inner-px:      clamp(16px, 4vw, 40px);
  --header-h:      64px;
  --radius:        10px;
  --radius-sm:     6px;
  --radius-lg:     16px;

  /* Transitions */
  --tr:            0.2s ease;
  --tr-slow:       0.4s ease;

  /* Shadows */
  --shadow:        0 4px 20px rgba(0,0,0,0.3);
  --shadow-sm:     0 2px 8px rgba(0,0,0,0.2);
  --shadow-green:  0 4px 20px rgba(31,217,106,0.25);
}