:root {
  /* Primary Brand Colors */
  --primary-color: #1E90FF;       /* Electric Blue */
  --secondary-color: #00FF66;     /* Neon Green */
  --accent-color: #FFD700;        /* Golden Yellow */

  /* Background & Text */
  --background-color: #121212;    /* Dark background */
  --background-colo2: #020d1a;    /* Dark background */
  --background-colo3: #041c2f;    /* Dark background */
  --card-bg: #1F1F1F;             /* Card or section background */
  --text-color: #FFFFFF;          /* Main white text */
  --text-muted: #CCCCCC;          /* Sub text or hint */
  --font-color:#03182f;
  /* Feedback Colors */
  --success-color: #00FF66;       /* Green for win */
  --error-color: #FF3333;         /* Red for loss or error */
  --warning-color: #FFA500;       /* Orange for alerts */
  --closed:#aaa;
  /* Gradients */
  --primary-gradient: linear-gradient(135deg, #1E90FF, #00FF66);
}
:root {
  /* Base Blues */
  --blue-primary: #1E90FF;       /* Electric Blue */
  --blue-light: #80cfff;         /* Light Blue */
  --blue-dark: #0059ff;          /* Deep Blue */

  /* Gradient Backgrounds */
  --blue-gradient: linear-gradient(135deg, #1E90FF, #0059ff);
  --blue-gradient-light: linear-gradient(135deg, #80cfff, #1E90FF);
  --blue-gradient-ligh2: linear-gradient(135deg, #fcb00d, #ff3400);
  --blue-gradient-ligh3: linear-gradient(135deg, #3a0d1e, #0f0a1a);
     
  --blue-gradient-light1: linear-gradient(354deg,rgba(2, 0, 36, 1) 0%, rgba(5, 48, 59, 1) 100%);

  /* background: ; */


  /* Button Colors */
  --button-flat: #1E90FF;
  --button-hover: #005ce6;
  --button-gradient: linear-gradient(135deg, #1E90FF, #00BFFF);
  --button-gradient-hover: linear-gradient(135deg, #0099FF, #007BFF);
}

:root {
  /* Font Families */
  --font-heading: 'Rajdhani', sans-serif;
  --font-body: 'Rubik', sans-serif;
  --font-digits: 'Orbitron', sans-serif;

  /* Optional font weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
}
h1, h2, .brand-title {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
}

p, span, a {
  font-family: var(--font-body) !important;
  font-weight: var(--font-weight-regular);
}

.odds, .numbers {
  font-family: var(--font-digits);
  letter-spacing: 1px;
}
body{
    background-color: #fff;
}
.body-bg{
  background-color: var( --background-colo2);
}
.card-bg1{
  background-image: var( --blue-gradient-ligh2);
}