/* Site theme variables */

:root,
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#070b18;
  --bg-2:#0b1120;
  --page:#070b18;
  --panel:#111827;
  --panel-2:#0f172a;
  --line:#263347;
  --text:#f8fafc;
  --heading:#ffffff;
  --muted:#a8b3c7;
  --primary:#1B365D;
  --gold:#f5a400;
  --danger:#b91c1c;
  --success:#22c55e;
  --shadow:0 24px 65px rgba(0,0,0,.28);
  --color-bg:var(--bg);
  --color-page:var(--page);
  --color-surface:var(--panel);
  --color-surface-2:var(--panel-2);
  --color-border:var(--line);
  --color-text:var(--text);
  --color-heading:var(--heading);
  --color-muted:var(--muted);
  --color-primary:var(--primary);
  --color-gold:var(--gold);
}

html[data-theme="light"]{
  color-scheme:light;
  --bg:#f4f7fb;
  --bg-2:#e9eef6;
  --page:#f4f7fb;
  --panel:#ffffff;
  --panel-2:#eef3f9;
  --line:#cfd8e6;
  --text:#142033;
  --heading:#0b1728;
  --muted:#5d6d82;
  --primary:#275d8f;
  --gold:#d79515;
  --danger:#b4232f;
  --success:#16824a;
  --shadow:0 20px 55px rgba(25,45,76,.14);
  --color-bg:var(--bg);
  --color-page:var(--page);
  --color-surface:var(--panel);
  --color-surface-2:var(--panel-2);
  --color-border:var(--line);
  --color-text:var(--text);
  --color-heading:var(--heading);
  --color-muted:var(--muted);
  --color-primary:var(--primary);
  --color-gold:var(--gold);
}

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

html[data-theme="light"] .site-header{
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 30px rgba(25,45,76,.08);
}

html[data-theme="light"] .main-nav{
  background:transparent;
}

@media(max-width:860px){
  html[data-theme="light"] .main-nav{
    background:linear-gradient(180deg,#ffffff 0%,#eef3f9 100%);
    box-shadow:-24px 0 70px rgba(25,45,76,.18);
  }

  html[data-theme="light"] .mobile-menu-backdrop{
    background:rgba(60,80,110,.18);
  }
}

/* Light-theme readability fixes for legacy page styles */
html[data-theme="light"] .page-title,
html[data-theme="light"] .coins-page .page-title,
html[data-theme="light"] .market-hero h1,
html[data-theme="light"] .catalog-hero h1,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3{
  color:var(--heading)!important;
}

html[data-theme="light"] .page-subtitle,
html[data-theme="light"] .coins-page .page-subtitle,
html[data-theme="light"] .market-hero p,
html[data-theme="light"] .catalog-hero p,
html[data-theme="light"] .sub,
html[data-theme="light"] .muted{
  color:var(--muted)!important;
}

html[data-theme="light"] .coin-type-card,
html[data-theme="light"] .coin-card,
html[data-theme="light"] .note-card,
html[data-theme="light"] .collection-panel,
html[data-theme="light"] .market-card,
html[data-theme="light"] .market-sell-card{
  background:#ffffff!important;
  border-color:#cfd8e6!important;
  color:var(--text)!important;
  box-shadow:0 18px 45px rgba(25,45,76,.12)!important;
}

html[data-theme="light"] .coin-card-body,
html[data-theme="light"] .note-bottom{
  background:#ffffff!important;
  color:var(--text)!important;
}

html[data-theme="light"] .coin-card h3,
html[data-theme="light"] .note-card-head h3,
html[data-theme="light"] .coin-type-card b,
html[data-theme="light"] .market-card h3{
  color:var(--heading)!important;
}

html[data-theme="light"] .coin-card p,
html[data-theme="light"] .note-card-head p,
html[data-theme="light"] .note-description,
html[data-theme="light"] .coin-type-card span{
  color:var(--muted)!important;
}

html[data-theme="light"] .coin-card-head span,
html[data-theme="light"] .coin-specs span,
html[data-theme="light"] .note-card-meta span,
html[data-theme="light"] .pick-badge{
  background:#eef3f9!important;
  border-color:#cfd8e6!important;
  color:var(--text)!important;
}

html[data-theme="light"] .coin-specs b,
html[data-theme="light"] .coin-card-head span,
html[data-theme="light"] .coin-type-card.active b{
  color:var(--gold)!important;
}

html[data-theme="light"] .coin-toolbar input,
html[data-theme="light"] .catalog-toolbar input,
html[data-theme="light"] .catalog-toolbar select,
html[data-theme="light"] .market-filter-bar,
html[data-theme="light"] .market-filter-bar input,
html[data-theme="light"] .market-filter-bar select,
html[data-theme="light"] .market-view-toggle,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:#ffffff!important;
  color:var(--text)!important;
  border-color:#c7d2e2!important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{
  color:#7a889b!important;
}

html[data-theme="light"] .main-nav .nav-link,
html[data-theme="light"] .main-nav .mobile-login-btn,
html[data-theme="light"] .main-nav .mobile-register-btn{
  color:var(--text)!important;
}

html[data-theme="light"] .main-nav .nav-link:hover,
html[data-theme="light"] .main-nav .mobile-login-btn:hover,
html[data-theme="light"] .main-nav .mobile-register-btn:hover{
  background:#eef3f9!important;
  border-color:#cfd8e6!important;
  color:var(--heading)!important;
}

html[data-theme="light"] .main-nav .nav-link.active{
  background:rgba(215,149,21,.14)!important;
  border-color:rgba(215,149,21,.38)!important;
  color:#9a6500!important;
}