:root {
      /* Colors from your image */
      /* --midnight-blue: #002365; */
      /* --midnight-blue: #02066F; */
      --midnight-blue: #001742;
      --royal-blue: #454F99;
      --ice-white: #EFEDFF;
      --deep-gold: #cba360;
      /* --deep-gold: #CDA715; */

      /* Functional Mapping */
      --bg-color: var(--midnight-blue);
      --bg-card: linear-gradient(180deg, #122b5e 0%, #00153d 100%);
      --bg-panel: #0a1b40;
      /* Slightly lighter navy for sections */

      --gold-primary: var(--deep-gold);
      --gold-hover: #eec52a;
      --gold-gradient: linear-gradient(135deg, #CDA715 0%, #f1cc3a 50%, #9e7f0d 100%);

      --text-main: #b8bdde;
      /* Muted version of the light blue for readability */
      --text-light: var(--ice-white);
      /* --border-color: rgba(69, 79, 153, 0.4); */
      /* Based on #454F99 */
      /* --border-light: #454F99; */
  }

  html {
      scroll-behavior: smooth;
  }

  body {

      /* Updated radial glow to blue */
      /* background-image: radial-gradient(circle at top center, rgba(69, 79, 153, 0.4) 0%, transparent 70%); */
      color: var(--text-main);
      font-family: 'Montserrat', sans-serif;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
  }

  /* Update selection color to match new theme */
  ::selection {
      background: var(--royal-blue);
      color: #fff;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .brand-font {
      font-family: 'Playfair Display', serif;
      color: var(--text-light);
      font-weight: 400;
  }

  .text-gold {
      color: var(--gold-primary) !important;
  }

  .text-gradient {
      background: #cba360;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  .italic-gold {
      font-style: italic;
      color: var(--gold-primary);
  }

  /* Premium Navbar */
  .navbar {
      padding: 1.2rem 0;
      /* background-color: rgba(0, 35, 101, 0.8); */
      background-color: #001742;
      /* #002365 with alpha */
      backdrop-filter: blur(15px);
      border-bottom: 1px solid var(--deep-gold);
  }

  .navbar-brand {
      color: var(--gold-primary) !important;
      font-weight: 600;
      letter-spacing: 2px;
  }

  .nav-link {
      color: var(--text-light) !important;
      opacity: 0.8;
      font-size: 0.75rem;
      letter-spacing: 1px;
      text-transform: uppercase;
  }

  .nav-link:hover {
      opacity: 1;
      color: var(--gold-primary) !important;
  }

  /* Buttons */
  /* .btn-gold {
      
      background: #fff;
      color: #000 !important;
      border: none;
      padding: 14px 35px;
      font-size: 0.75rem;
      letter-spacing: 2px;
      text-transform: uppercase;
      font-weight: 600;
      transition: 0.4s;
  }

  */
  .btn-gold:hover {
      transform: translateY(-3px);
      background-color: var(--midnight-blue);
      color: #fff !important;
  }

  .btn-outline-gold {
      background: transparent;
      color: var(--gold-primary);
      border: 1px solid var(--gold-primary);
      padding: 14px 35px;
      font-size: 0.75rem;
      letter-spacing: 2px;
      text-transform: uppercase;
      transition: 0.4s;
  }

  .btn-outline-gold:hover {
      background: #001742;
      color: var(--gold-hover);
      border-color: var(--gold-hover);
  }

  /* Cards */
  .category-card,
  .sponsor-card,
  .organiser-card {
      /* background: #0d6efd40; */
      background: #001742;
      /* background-image: linear-gradient(to right, #0d6efd40, #0d6efd40), url('../../img/bg/bg-2.jpg'); */
      border: 1px solid var(--border-color);
      transition: 0.4s ease;
  }

  .category-card:hover,
  .sponsor-card:hover,
  .organiser-card:hover {
      border-color: var(--gold-primary);
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
  }

  /* Specific for countdown bar to match the new gold */
  .countdown-bar {
      background: var(--gold-gradient) !important;
      color: #000 !important;
  }

  /* Input fields for the new theme */
  .form-control {
      border-bottom: 1px solid var(--gold-primary) !important;
      color: var(--ice-white) !important;
  }

  .form-control:focus {
      border-bottom-color: var(--gold-primary) !important;
  }

  /* Footer Background */
  footer {
      background-color: #001742;
      border-top: 1px solid var(--border-color);
  }



  .section-bg {
      background-color: rgba(0, 35, 101, 0.8);
      /* background-image: linear-gradient(to right, rgba(2, 26, 61, 0.945), rgba(2, 26, 61, 0.945)), url('../../img/bg/bg-2.jpg'); */
      background-image: linear-gradient(to right, rgba(2, 26, 61, 0.945), rgba(2, 26, 61, 0.945)), url('../../img/bg/3.jpg');
  }

  .section-bg-light {
      /* background-color: #efedff; */
      background-color: var(--gold-primary);
      /* background-color: #454f99; */
  }

  .bg-transparent {
      background: transparent !important;
  }