/* ── ENTRAFX DESIGN TOKENS ─────────────────────────────────────
   Single source of truth for the green/public theme.
   App pages with alternate themes (dashboard purple) define their
   own :root in their page CSS and only load base.css from here.
──────────────────────────────────────────────────────────────── */
:root {
  /* Backgrounds */
  --bg:          #020617;
  --bg2:         #0f172a;
  --bg3:         #0b1629;
  --surface:     #0f172a;
  --surface-2:   #111c31;
  --surface-3:   #16243b;
  --nav-bg:      rgba(2,6,23,.96);
  --ticker-bg:   rgba(15,23,42,.9);
  --dropdown-bg: #0f172a;
  --dropdown-link:#94a3b8;
  --panel-strong:rgba(6,15,30,.9);
  --panel-soft:  rgba(30,41,59,.5);
  --input-bg:    #080f1f;
  --overlay-bg:  rgba(2,6,23,.82);
  --placeholder: #475569;

  /* Borders */
  --border:      #1e293b;

  /* Green accent (primary brand colour) */
  --accent:      #22c55e;
  --accent2:     #15803d;
  --accent-soft: rgba(34,197,94,.12);
  --accent-glow: rgba(34,197,94,.25);
  --accent-light: #86efac;

  /* Opacity scale helpers (used on member / elite pages) */
  --a06: rgba(34,197,94,.06);
  --a07: rgba(34,197,94,.07);
  --a08: rgba(34,197,94,.08);
  --a12: rgba(34,197,94,.12);
  --a15: rgba(34,197,94,.15);
  --a22: rgba(34,197,94,.22);
  --a25: rgba(34,197,94,.25);
  --a30: rgba(34,197,94,.3);
  --a35: rgba(34,197,94,.35);
  --a38: rgba(34,197,94,.38);
  --a40: rgba(34,197,94,.4);
  --a45: rgba(34,197,94,.45);
  --a50: rgba(34,197,94,.5);

  /* Short-name aliases (used on about, login, register, member pages) */
  --accentS:  rgba(34,197,94,.12);
  --accentB:  rgba(34,197,94,.25);
  --accentD:  #15803d;
  --accentDD: #0d5c2b;
  --accentL:  #86efac;

  /* Blue */
  --blue:      #3b82f6;
  --blue-soft: rgba(59,130,246,.12);
  --blueS:     rgba(59,130,246,.1);

  /* Gold (signals page) */
  --gold:      #f59e0b;
  --gold-soft: rgba(245,158,11,.12);

  /* Text */
  --text:   #e2e8f0;
  --muted:  #94a3b8;

  /* Status */
  --danger: #ef4444;
  --up:     #22c55e;
  --dn:     #ef4444;

  /* Radii */
  --radius:    10px;
  --radius-lg: 16px;

  /* Shadow */
  --shadow: 0 24px 48px rgba(0,0,0,.6);

  /* Layout (used on member sidebar pages) */
  --sidebar: 300px;
  --topbar:  62px;
}

html[data-theme="dark"] {
  color-scheme: dark;
}

html[data-theme="light"] {
  color-scheme: light;

  /* Backgrounds */
  --bg:          #f7fafc;
  --bg2:         #ffffff;
  --bg3:         #eef3f8;
  --surface:     #ffffff;
  --surface-2:   #f8fbff;
  --surface-3:   #edf3f9;
  --nav-bg:      rgba(255,255,255,.96);
  --ticker-bg:   rgba(248,250,252,.96);
  --dropdown-bg: #ffffff;
  --dropdown-link:#334155;
  --panel-strong:rgba(255,255,255,.98);
  --panel-soft:  rgba(238,243,248,.92);
  --input-bg:    #ffffff;
  --overlay-bg:  rgba(241,245,249,.86);
  --placeholder: #64748b;

  /* Borders */
  --border:      #cbd5e1;

  /* Accent remains brand-green but tuned for lighter surfaces */
  --accent-soft: rgba(34,197,94,.1);
  --accent-glow: rgba(34,197,94,.16);

  /* Text */
  --text:   #0f172a;
  --muted:  #334155;

  /* Shadow */
  --shadow: 0 20px 40px rgba(15,23,42,.1);
}

/* Basic plan blue override (member.html only) */
html.theme-basic {
  --accent:  #3b82f6;
  --accentS: rgba(59,130,246,.1);
  --accentB: rgba(59,130,246,.2);
  --accentD: #1d4ed8;
  --accentDD:#1e3a8a;
  --accentL: #93c5fd;
  --a06: rgba(59,130,246,.06);
  --a07: rgba(59,130,246,.07);
  --a08: rgba(59,130,246,.08);
  --a12: rgba(59,130,246,.12);
  --a15: rgba(59,130,246,.15);
  --a22: rgba(59,130,246,.22);
  --a25: rgba(59,130,246,.25);
  --a30: rgba(59,130,246,.3);
  --a35: rgba(59,130,246,.35);
  --a38: rgba(59,130,246,.38);
  --a40: rgba(59,130,246,.4);
  --a45: rgba(59,130,246,.45);
  --a50: rgba(59,130,246,.5);
}