/* custom/dejen-custom.css */

/*
  This file defines custom CSS variables for color overrides specific to a site.
  When linked via `site.customCss` in leaderboard.json, these variables
  will override the defaults defined in `leaderboard-main.css`.
*/


.header {
  background: #0a0b12;
}


.leaderboard-title {
    /* Example: Make Dejen's title a bit more unique */
    font-style: italic;
    text-decoration: underline;
}

.site-header {
    /* Example: Add a border to Elite Wagers header */
    border: 1px dashed var(--accent-silver);
    padding: 15px;
    border-radius: 8px;
}


:root {
  /* Backgrounds & Surfaces (Much Darker Palette) */
  --bg:            #0a0b12; /* Very dark background */
  --surface:       #11131c; /* Darker main surface */
  --surface-2:     #161925; /* Even darker secondary surface */
  --surface-3:     #1b1f2e; /* Deepest surface for elements */
  --border:        rgba(255,255,255,0.05); /* Very subtle border */
  --border-light:  rgba(255,255,255,0.1);  /* Subtle light border */

  /* Text Colors (Adjusted for darker backgrounds) */
  --text:          #f0f2f7; /* Brighter white for contrast */
  --text-muted:    #8b93a6; /* Slightly brighter muted gray */
  --text-dim:      #5c6275; /* Deeper dim text */

  /* Rank Colors (Maintaining visibility on dark backgrounds) */
  --gold:          #e6c86a; /* Richer, slightly brighter gold */
  --gold-bg:       rgba(230,200,106,0.06);
  --gold-border:   rgba(230,200,106,0.2);
  --silver:        #b8c2d6; /* Slightly brighter silver */
  --silver-bg:     rgba(184,194,214,0.05);
  --silver-border: rgba(184,194,214,0.15);
  --bronze:        #d49260; /* Richer, slightly brighter bronze */
  --bronze-bg:     rgba(212,146,96,0.06);
  --bronze-border: rgba(212,146,96,0.2);

  /* Accent & Other Colors (Adjusted for darker backgrounds) */
  --accent:        #5f87e8; /* More vibrant accent blue */
  --accent-glow:   rgba(95,135,232,0.18);
  --green:         #47b97e; /* More vibrant green */
}