:root {
  /* --bg-color: #d8ebff; */
  --text-color: #1e293b;
  --primary-color: #007bff;
  --card-bg: #ffffff;
  --card-text: #000000;
  --navbar-bg: white;
  /*important*/
  --navbar-text: black;
  /*inportant*/
  --card-border: #e2e8f0;
  --box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  --page2-color: black;
  --nav2-bg: #daeeff;
  --nav-text: white;
  --intro-bg: #8af6d2;
  --intro-text: #0f172a;

  --jeeadvance-card:#007bff;

    --leadership: #1d72b8;
  --ftext:rgb(29, 29, 29);

  --footer:white;

  --input-background:white;

  --pp-card:#e9f3fd;

  --card-colour: #e9f3fd;
  /* important */

  --card-border: #dee2e6;

  --bg: #f4faff;
  --surface: #ffffff;
  --text: #0f172a;
  --muted: #475569;
  --primary: #3b82f6;
  --primary-contrast: #ffffff;
  --ring: rgba(59, 130, 246, 0.35);
  --card: #ffffff;
  --shadow: 0 10px 25px rgba(2, 6, 23, 0.08);
  --blur-accent: radial-gradient(1200px 500px at 20% -10%, rgba(59, 63, 250, 0.25), transparent 80%),
    radial-gradient(900px 400px at 80% 10%, rgba(0, 98, 255, 0.2), transparent 80%);

  --jeesprint_card:radial-gradient(1200px 500px at 20% -10%, rgba(59, 63, 250, 0.25), transparent 50%),
    radial-gradient(900px 400px at 80% 10%, rgba(0, 98, 255, 0.2), transparent 50%);

    --jeesprint_top:#007bff;
      --formulasheet:#4e54c8;
}

body::-webkit-scrollbar {
  background-color: var(--bg-color);
}

body::-webkit-scrollbar-thumb {
  background-color: var(--navbar-bg);
  width: 15px;
}

body::-webkit-scrollbar-thumb:hover {
  background-color: var(--primary-color);
}

body::-webkit-scrollbar-thumb:active {
  background-color: var(--primary-color);
}






/* index page theme switch */
.hero {
  background:
    var(--blur-accent),
    linear-gradient(180deg, color-mix(in oklab, var(--surface) 85%, transparent), transparent 70%);
}

.hero p {
  color: var(--muted);
}

.hero-inner h1 {
  color: var(--text);
}

.card {
  background: var(--card);
  border: 1px solid color-mix(in oklab, var(--muted) 14%, transparent);
  border-radius: 20px;
  padding: 26px;
  box-shadow: var(--shadow);
}

.chip {
  background: color-mix(in oklab, var(--primary) 12%, var(--surface));
  color: color-mix(in oklab, var(--text) 86%, var(--primary));
  cursor: pointer;
  transition: .2s ease;
}

.chip:hover {
  border-color: var(--primary);
  background: color-mix(in oklab, var(--primary) 18%, var(--surface));
}


.quotecontainer {
  background-color: var(--bg)
}

.page2 {
  color: var(--page2-color);
  background-color: var(--bg-color);
  z-index: 1000;
}


/* footer  */
footer {
  border-top: 1px solid color-mix(in oklab, var(--muted) 14%, transparent);
  background: var(--surface);
}

.foot-links a {
  color: var(--text);
}



body {
  background-color: var(--bg);

  transition: 0.3s ease;
  font-family: sans-serif;
}

#nav2 {
  background-color: var(--nav2-bg);
  color: var(--nav-text);
}

.navbar {
  background: color-mix(in oklab, var(--surface) 92%, transparent);
  backdrop-filter: saturate(140%) blur(8px);
  border-bottom: 1px solid color-mix(in oklab, var(--muted) 16%, transparent);
  color: var(--navbar-text);
}


.navbar a {
  color: var(--navbar-text);
}

.navbar h1 {
  color: var(--navbar-text);
}

/* .resource-card {
  background-color: var(--card-bg);
  color: var(--card-text);
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  text-align: center;
} */



footer {
  background-color: var(--navbar-bg);
  color: var(--navbar-text);
}

/* .card {
  border: 5px solid var(--card-border);
} */

.line {
  border: 2.5px solid var(--card-border);
}

/*social media*/
.light-button button.bt .light-holder .dot {
  background-color: var(--navbar-bg);
  z-index: 100;
}

.light-button button.bt .button-holder {
  background-color: var(--navbar-bg);
}

button.theme-toggle {
  position: fixed;
  bottom: 70px;
  left: 20px;
  padding: 10px 12px;
  font-size: 16px;
  background-color: var(--primary-color);
  color: white;
  border: none;
  border-radius: 100px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: all 0.3s ease;
}

button.theme-toggle:hover {
  background-color: #0056b3;
  box-shadow: var(--box-shadow);
}

#nav2.theme-toggle {
  --nav2-bg: #0a0e19;
  --nav2-text: white;
}

/* 
.card a.dark-theme {
  color: #e2e8f0;
} */

.about-section {
  background-color: var(--bg);
  color: var(--text);

}





/* about us  */




/* jee */

h1,
h2,
h3 {
  color: var(--text);
}

.paper-card {
  background-color: var(--card-colour);
}

.paper-title{
  color: var(--card-text);
}

/* neet */
.need-card {
  background-color: var(--card-colour);
  border: 1px solid var(--card-border);
}



/* navbar2 */
.headers {
  background: color-mix(in oklab, var(--surface) 92%, transparent);
  backdrop-filter: saturate(140%) blur(8px);
  border-bottom: 1px solid color-mix(in oklab, var(--muted) 16%, transparent);
  color: var(--navbar-text);
}
nav a{
  color: var(--navbar-text);
}




/* Dark theme overrides */
body.dark-theme {
  --bg-color: #0B0F12;
  --text-color: #e2e8f0;
  --primary-color: #1e90ff;
  --card-bg: #071b39;
  --card-text: #e0e0e0;
  --navbar-bg: black;
  --navbar-text: #ffffff;
  --card-border: #334155;
  --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  --page2-color: #e2e8f0;
  --nav2-bg: #0a0e19;
  --nav2-text: white;
  --intro-bg: #034432;
  --intro-text: #ecfccb;

  --pp-card:(225, 235, 244);
  --card-colour: #141a2b;
  --card-border: #163a5e;

  --jeeadvance-card:black;
 --leadership:black;


  --input-background:#30b5d0;


  --ftext:#ccc;
  --footer:rgb(0,0,0);

  --bg: #0b0f1a;
  --surface: #0f1422;
  --text: #e5e7eb;
  --muted: #98a2b3;
  --primary:black;
  --primary-contrast: #0b0f1a;
  --ring: rgba(122, 162, 255, 0.4);
  --card: #141a2b;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  --blur-accent: radial-gradient(1200px 500px at 20% -10%, rgba(124, 58, 237, .20), transparent 60%),
    radial-gradient(900px 400px at 80% 10%, rgba(59, 130, 246, .18), transparent 60%);
  --jeesprint_card:radial-gradient(1200px 500px at 20% -10%, rgba(124, 58, 237, .20), transparent 70%),
    radial-gradient(900px 400px at 80% 10%, rgba(59, 130, 246, .18), transparent 70%);
  --jeesprint_top:white;
  --formulasheet:white;
}