/* ─── Bright theme ──────────────────────────────────────────── */
html[data-theme="bright"]{
  color-scheme:light;
  --orbit-color: rgba(3,105,161,.18);
  --stars-ini-color: rgba(15,23,42,1);
  --stars-end-color: rgba(15,23,42,0);
  --text:#10243b;
  --muted:#49627d;
  --line:rgba(70,112,151,.18);
  --line-strong:rgba(70,112,151,.30);
  --accent:#176fbb;
  --a2:#087e78;
  --warn:#7a5a13;
  --glass-shadow:0 22px 60px rgba(46,81,118,.13);
  --glass-inset:inset 0 1px 0 rgba(255,255,255,.72), inset 0 -1px 0 rgba(69,109,145,.05);
}

html[data-theme="bright"] body{
  color:var(--text);
  background:
    radial-gradient(circle at 12% 0%,rgba(98,177,235,.34),transparent 28%),
    radial-gradient(circle at 86% 10%,rgba(167,151,245,.22),transparent 29%),
    radial-gradient(circle at 70% 58%,rgba(83,207,193,.18),transparent 31%),
    linear-gradient(155deg,#dceeff 0%,#edf7ff 43%,#e9f8f5 72%,#dfeafa 100%);
}

html[data-theme="bright"] #spaceCanvas{
  opacity:.30;
}

html[data-theme="bright"] .slideDown{
  background-color: #00c9a7;
}
html[data-theme="bright"] .slideDown > .section__subtitle {
  color: #fff;
}

html[data-theme="bright"] nav,
html[data-theme="bright"] .card,
html[data-theme="bright"] .feature,
html[data-theme="bright"] .featurebox{
  background:
    radial-gradient(circle at 15% 0%,rgba(255,255,255,.68),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.47),rgba(255,255,255,.19))!important;
  border-color:rgba(84,126,164,.17)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(78,116,151,.045),
    0 22px 62px rgba(64,102,138,.11)!important;
}
html[data-theme="bright"] .mark {
	background: white!important;
	border-color: #e5e7eb;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}
	

html[data-theme="bright"] .card:hover{
  background:
    radial-gradient(circle at 18% 0%,rgba(255,255,255,.82),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.25))!important;
  border-color:rgba(61,111,155,.25)!important;
}

html[data-theme="bright"] .lead,
html[data-theme="bright"] .head p,
html[data-theme="bright"] .feature p,
html[data-theme="bright"] .card p,
html[data-theme="bright"] .featurebox p,
html[data-theme="bright"] .brand small{
  color:var(--muted);
}

html[data-theme="bright"] .navlinks a,
html[data-theme="bright"] .navlinks button{
  color:#49627d;
}
html[data-theme="bright"] .navlinks a:hover,
html[data-theme="bright"] .navlinks button:hover{
  color:#10243b;
  background:rgba(255,255,255,.36)!important;
}

html[data-theme="bright"] .theme-toggle-btn{
  color:#17334e;
  border-color:rgba(61,107,146,.19);
  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.86),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.22));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 10px 28px rgba(59,96,132,.10);
}

html[data-theme="bright"] .theme-icon-moon{
  opacity:0;
  transform:rotate(35deg) scale(.7);
}
html[data-theme="bright"] .theme-icon-sun{
  opacity:1;
  transform:rotate(0) scale(1);
}

html[data-theme="bright"] .btn:not(.primary){
  color:#17334e!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.55),rgba(255,255,255,.22))!important;
  border-color:rgba(65,110,149,.18)!important;
}

html[data-theme="bright"] .btn.primary{
  color:#08213a!important;
  background:
    radial-gradient(circle at 22% 18%,rgba(255,255,255,.78),transparent 24%),
    linear-gradient(135deg,rgba(104,190,248,.84),rgba(98,222,207,.80))!important;
}

html[data-theme="bright"] .hero-gradient-title{
  background:
    linear-gradient(
      112deg,
      #163a5d 0%,
      #1679bd 22%,
      #149f9a 48%,
      #6e66c8 75%,
      #173a59 100%
    );
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 10px 24px rgba(65,132,180,.10));
}