/* ============================================================
   CryptoSignal by GOMiners AI — brand theme (dark + light)
   Replaces the old :root{} block. Variable NAMES kept identical
   so all existing var(--x) references re-skin automatically.
   ============================================================ */
:root{
  /* surfaces (dark = default / brand hero) */
  --bg:#0A0D14; --bg2:#0E1420; --bg3:#131A28;
  --panel:#151A24; --panel2:#1A2130;
  --border:rgba(255,255,255,0.08); --border2:rgba(255,255,255,0.15);
  --text:#EAEEF6; --muted:#868FA3; --muted2:#9FB0D6;

  /* brand: ONE azure accent. green->azure(up), violet->indigo(structure) */
  --accent:#2E90FF;      /* the single sharp accent = "signal" */
  --violet:#3A4A80;      /* remapped: structural indigo (no more purple) */
  --green:#2E90FF;       /* remapped: up / win = azure (no green) */
  --red:#C15A4E;         /* down / loss = muted brick red */
  --amber:#E0A83C;       /* warnings only */
  --tg:#2AABEE; --potus:#FF5722;  /* external SOURCE colors (Telegram / Truth) — kept for source identity */

  /* type: one system, both themes */
  --display:'Space Grotesk',sans-serif;  /* wordmark, headings */
  --sans:'Inter',sans-serif;             /* body, UI, tables */
  --mono:'Space Mono',monospace;         /* numbers, prices, %, data */
  --r:10px;
  --fs-xs:10px; --fs-sm:12px; --fs-md:13px; --fs-lg:15px;
}

/* LIGHT theme — same fonts, colors flip */
[data-theme="light"]{
  --bg:#F4F6FA; --bg2:#FFFFFF; --bg3:#EEF2F8;
  --panel:#FFFFFF; --panel2:#F4F6FA;
  --border:rgba(10,13,20,0.10); --border2:rgba(10,13,20,0.18);
  --text:#0A0D14; --muted:#5A6478; --muted2:#334065;
  --accent:#1B7FEA; --violet:#4B5DA6; --green:#1B7FEA; --red:#B24A3F;
}

/* background glow uses the accent, not old cyan/violet */
body::before{
  background:
    radial-gradient(ellipse 900px 500px at -5% 10%, rgba(46,144,255,.05) 0%, transparent 65%),
    radial-gradient(ellipse 700px 400px at 105% 85%, rgba(58,74,128,.06) 0%, transparent 65%) !important;
}

/* theme-aware sticky bars */
:root{ --bar:rgba(10,13,20,.96); --bar-border:rgba(255,255,255,.08); }
[data-theme="light"]{ --bar:rgba(244,246,250,.97); --bar-border:rgba(10,13,20,.10); }

/* anti-steering: hide ALL Pro/paywall UI inside the native app WebView (3.1.1 + 3.1.3) */
html[data-app="1"] .plans,
html[data-app="1"] .plan,
html[data-app="1"] .plan-price,
html[data-app="1"] .plan-name,
html[data-app="1"] .plan-period,
html[data-app="1"] .plan-btn,
html[data-app="1"] .pay-btn,
html[data-app="1"] .pay-methods,
html[data-app="1"] .modal-overlay,
html[data-app="1"] #checkoutModal,
html[data-app="1"] a[href*="pro.html"],
html[data-app="1"] .nav-pro,
html[data-app="1"] .upgrade-btn { display:none !important; } /* __cs_ios_antisteer */