/* ========================================================================== CryptoAI Signal — public content pages (Phase 9) Used by article.php, learning.php, market-analysis.php, 404.php. index.html is a static file and is NOT modified; these pages are separate documents and carry their own copy of the site's design tokens. The token VALUES below are copied verbatim from index.html so both themes match. ORDERING IS LOAD-BEARING: :root must stay ABOVE the [data-theme] blocks. They have identical specificity, so a :root placed after them wins and silently breaks the light theme. That exact bug already happened once in index.html. Do not reorder. ========================================================================== */ :root{ --bg-deep:#050816; --bg-card:#0B1020; --blue:#00C8FF; --blue2:#009DFF; --green:#00FF66; --warn:#F5A623; --danger:#FF4D4D; --text:#FFFFFF; --text-muted:#B8C1D1; --border:rgba(0,200,255,0.12); --radius:9px; --radius-sm:10px; --content-max:1550px; /* matches index.html exactly */ /* These four were referenced by .pub-theme-btn and .pub-icon-btn but never defined, so those declarations were invalid and the buttons rendered with no background, no accent colour and no hover glow. Values are the ones the homepage already uses for the same controls. */ --bg-glass: rgba(11,16,32,0.7); --glow-blue: 0 0 30px rgba(0,200,255,0.15); } [data-theme="dark"]{ --bg-deep:#050816;--bg-card:#0B1020;--bg-nav:rgba(5,8,22,0.88); --bg-input:rgba(255,255,255,0.04);--bg-hover:rgba(0,200,255,0.03); --border:rgba(0,200,255,0.12);--text:#FFFFFF;--text-muted:#B8C1D1; --text-sub:rgba(184,193,209,0.55);--divider:rgba(0,200,255,0.08); --shadow:0 8px 32px rgba(0,0,0,0.4);--blue:#00C8FF;--warn:#F5A623; /* These four were referenced by .pub-theme-btn and .pub-icon-btn but never defined, so those declarations were invalid and the buttons rendered with no background, no accent colour and no hover glow. Values are the ones the homepage already uses for the same controls. */ --toggle-bg: rgba(0,200,255,0.12); --toggle-ico: #00C8FF; --bg-glass: rgba(11,16,32,0.75); --glow-blue: 0 0 32px rgba(0,200,255,0.14); } [data-theme="light"]{ --bg-deep:#EEF0F4;--bg-card:#FFFFFF;--bg-nav:rgba(255,255,255,0.94); --bg-input:#F1F2F5;--bg-hover:#F4F6F9;--border:#DFE2E8;--text:#0B0E14; --text-muted:#6B7280;--text-sub:#98A1AD;--divider:#ECEEF2; --shadow:0 1px 2px rgba(16,20,28,0.05),0 8px 24px rgba(16,20,28,0.08); --blue:#0B72E7;--warn:#D97A16; /* These four were referenced by .pub-theme-btn and .pub-icon-btn but never defined, so those declarations were invalid and the buttons rendered with no background, no accent colour and no hover glow. Values are the ones the homepage already uses for the same controls. */ --toggle-bg: #FBEEDD; --toggle-ico: #D97A16; --bg-glass: #FFFFFF; --glow-blue: 0 2px 10px rgba(11,114,231,0.16); } *{box-sizing:border-box;} html{scroll-behavior:smooth;overflow-x:hidden;} body{ margin:0;background:var(--bg-deep);color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; line-height:1.6;-webkit-font-smoothing:antialiased; overflow-x:hidden; /* matches index.html — prevents any stray-wide child from creating a horizontal scrollbar */ } a{color:var(--blue);text-decoration:none;} a:hover{text-decoration:underline;} img{max-width:100%;display:block;} /* ── Nav ───────────────────────────────────────────────────────────────── */ .pub-nav{position:sticky;top:0;z-index:50;background:var(--bg-nav); backdrop-filter:blur(12px);border-bottom:1px solid var(--border);} /* index.html's