/*
  Global light/dark theme layer.
  The site was built dark-first; this file adds a clean light theme while
  keeping existing layouts intact.
*/

/*
  Theme tokens used by the whole website.
  NOTE: We avoid forcing solid backgrounds on cards/containers here.
  Glass is handled by glass-global.css so it remains consistent.
*/

:root{
  --chart-accent: #D4AF37;

  --bg: #0b0f14;
  --text: #e7eefc;
  --muted: #a9b4c7;
  --border: rgba(255,255,255,.12);

  /* Used by glass-global.css (dark defaults) */
  --glass-bg: rgba(255,255,255,.06);
  --glass-bg-2: rgba(255,255,255,.09);
  --glass-border: rgba(255,255,255,.14);
  --glass-highlight: rgba(255,255,255,.14);
  --glass-shadow: 0 22px 70px rgba(0,0,0,.42);
}

:root[data-theme="light"]{
  --bg: #f6f7fb;
  --text: #101828;
  --muted: #475467;
  --border: rgba(16,24,40,.12);

  /* Light glass defaults: brighter fill + darker border */
  --glass-bg: rgba(255,255,255,.62);
  --glass-bg-2: rgba(255,255,255,.72);
  --glass-border: rgba(16,24,40,.10);
  --glass-highlight: rgba(255,255,255,.75);
  --glass-shadow: 0 18px 55px rgba(16,24,40,.12);
}

html, body{
  color: var(--text) !important;
}

/* Premium transparent background across the whole site (both themes) */
body{
  background:
    radial-gradient(1100px 680px at 18% 10%, color-mix(in oklab, var(--accent, #8b1e1e) 26%, transparent), transparent 58%),
    radial-gradient(900px 620px at 90% 18%, color-mix(in oklab, var(--accent2, #b08d57) 18%, transparent), transparent 60%),
    var(--bg) !important;
}

/* Buttons */
.btn,
button{
  border-color: var(--border) !important;
}

/* Inputs: keep readable on both themes while staying glassy */
input, select, textarea{
  color: var(--text) !important;
  border-color: var(--border) !important;
}
input::placeholder, textarea::placeholder{
  color: rgba(127,127,127,.85) !important;
}

/* Links + muted text */
.muted,
.sub,
.small,
.hint{
  color: var(--muted) !important;
}
a{ color: inherit; }

/* Top navs/headers */
header,
nav,
.topbar,
.navbar{
  background: rgba(0,0,0,.0) !important;
  color: var(--text) !important;
}

/* Floating theme toggle */
.theme-toggle{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  padding: 10px 12px;
  border-radius: 999px;
  background: var(--glass-bg);
  color: var(--text);
  border: 1px solid var(--border);
  box-shadow: var(--glass-shadow);
  cursor: pointer;
  font-size: 13px;
}
.theme-toggle:hover{ filter: brightness(1.03); }