/* ========================================================================== PROPFIRMGUIDE — LIGHT / TRADING FLOOR THEME Contrasting style: crisp white canvas + deep navy + electric gold Toggle class on : body.theme-light ========================================================================== */ body.theme-light { /* ── Canvas ── */ --ink: #f0f2f7; /* page bg — light grey */ --ink2: #ffffff; /* card surface */ --ink3: #f7f8fc; /* elevated / input bg */ --ink4: #eceef5; /* hover */ --ink5: #e2e5ef; /* active */ /* ── Text ── */ --t0: #0d1226; /* primary — deep navy */ --t1: #1e2d4d; --t2: #3a4a6b; --t3: #6b7898; --t4: #9aa3be; /* ── Gold — same brand anchor ── */ --gold: #b8860b; --gold-l: #d4a017; --gold-d: rgba(184,134,11,.1); --gold-ln: rgba(184,134,11,.25); --gold-g: rgba(184,134,11,.2); /* ── Purple shifted warmer in light mode ── */ --purple: #4f35b5; --purple-m: #6d52d4; --violet: #5b3fc4; --purple-d: rgba(79,53,181,.1); --border-p: rgba(79,53,181,.2); /* ── Jade & Amber unchanged ── */ --jade: #059669; --jade-d: rgba(5,150,105,.1); --amber: #d97706; --crimson: #dc2626; /* ── Borders ── */ --border: rgba(0,0,0,.1); --border-h: rgba(0,0,0,.18); /* ── Shadows ── */ --shadow-glow: 0 4px 24px rgba(184,134,11,.12), 0 2px 8px rgba(0,0,0,.08); background-color: var(--ink); color: var(--t0); } /* Body bg texture */ body.theme-light { background-image: none; } /* Header */ body.theme-light .site-header { background: rgba(255,255,255,.92); border-bottom: 1px solid rgba(0,0,0,.08); box-shadow: 0 2px 12px rgba(0,0,0,.07); } body.theme-light .site-header.scrolled { background: rgba(255,255,255,.98); } body.theme-light .main-nav a, body.theme-light .nav-link { color: var(--t2); } body.theme-light .main-nav a:hover, body.theme-light .nav-link:hover { color: var(--t0); background: rgba(0,0,0,.04); } /* Dropdown */ body.theme-light .sub-menu, body.theme-light .nav-dropdown { background: #fff; border: 1px solid rgba(0,0,0,.1); box-shadow: 0 12px 40px rgba(0,0,0,.15); } body.theme-light .sub-menu a, body.theme-light .nav-dropdown a { color: var(--t2); } body.theme-light .sub-menu a:hover, body.theme-light .nav-dropdown a:hover { background: rgba(0,0,0,.04); color: var(--t0); } /* Cards */ body.theme-light .card, body.theme-light .firm-card, body.theme-light .blog-card, body.theme-light .award-card, body.theme-light .tool-cell, body.theme-light .tpb, body.theme-light .cmp-panel, body.theme-light .screener-card { background: #fff; border-color: rgba(0,0,0,.1); box-shadow: 0 2px 12px rgba(0,0,0,.06); } body.theme-light .firm-card:hover { box-shadow: 0 6px 28px rgba(0,0,0,.12); } /* Firm card accents — navy stripe */ body.theme-light .firm-card-accent.ac-gold { background: linear-gradient(90deg,#b8860b,#d4a017); } body.theme-light .firm-card-accent.ac-violet { background: linear-gradient(90deg,#4f35b5,#6d52d4); } body.theme-light .firm-card-accent.ac-jade { background: linear-gradient(90deg,#059669,#10b981); } /* Stat values */ body.theme-light .fstat-val { color: var(--t0); } body.theme-light .fstat-val.green { color: #059669; } body.theme-light .fstat-val.gold { color: #b8860b; } /* Buttons */ body.theme-light .btn-gold { background: linear-gradient(135deg,#a0740a,#b8860b 50%,#d4a017); color: #fff; box-shadow: 0 2px 8px rgba(184,134,11,.3); } body.theme-light .btn-gold:hover { filter:brightness(1.08); color:#fff; } body.theme-light .btn-outline { background: #fff; border-color: rgba(0,0,0,.18); color: var(--t1); } body.theme-light .btn-outline:hover { border-color: var(--gold); color: var(--t0); background:#fafafa; } body.theme-light .btn-ghost { color: var(--t2); } body.theme-light .btn-ghost:hover { background: rgba(0,0,0,.04); color: var(--t0); } /* Eyebrow */ body.theme-light .eyebrow { background: rgba(184,134,11,.08); border-color: rgba(184,134,11,.2); color: #9a6a00; } body.theme-light .eyebrow-dot { background: #b8860b; } /* Section headings */ body.theme-light h1, body.theme-light h2, body.theme-light h3 { color: var(--t0); } /* Hero */ body.theme-light .hero { background: linear-gradient(160deg,#0d1226 0%, #1a2a5e 50%, #0d1226 100%); } body.theme-light .hero-title, body.theme-light .hero-desc { color: #f0f2f7; } body.theme-light .hero-title em { background: linear-gradient(120deg,#f0c040,#d4a017); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; } body.theme-light .trust-val { color: #f0f2f7; } body.theme-light .trust-label { color: #9aa3be; } body.theme-light .trust-sep { background: rgba(255,255,255,.15); } /* Screener */ body.theme-light .screener-card { background: rgba(13,18,38,.92); border-color: rgba(255,255,255,.1); } body.theme-light .screener-title, body.theme-light .screener-sub { color: #f0f2f7; } body.theme-light .s-label { color: #9aa3be; } body.theme-light .s-select { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.15); color: #f0f2f7; } body.theme-light .match-result { border-color: rgba(255,255,255,.1); } body.theme-light .match-result-label { color: #9aa3be; } body.theme-light .match-count { color: #f0c040; } /* Payout ticker */ body.theme-light .payout-ticker { background: linear-gradient(90deg,#0d1226,#1a2a5e,#0d1226); border-color: rgba(255,255,255,.08); } body.theme-light .ticker-label { color: #f0c040; } body.theme-light .ticker-item { color: rgba(255,255,255,.8); } body.theme-light .tf { color: rgba(255,255,255,.5); } /* Tags */ body.theme-light .tag.tag-gold { background:rgba(184,134,11,.12); color:#9a6a00; border-color:rgba(184,134,11,.25); } body.theme-light .tag.tag-purple { background:rgba(79,53,181,.1); color:#4f35b5; border-color:rgba(79,53,181,.2); } /* Filter tabs */ body.theme-light .filter-tab { background: #fff; border: 1px solid rgba(0,0,0,.1); color: var(--t2); } body.theme-light .filter-tab:hover { border-color:var(--gold); color:var(--t0); } body.theme-light .filter-tab.active { background: #0d1226; border-color: #0d1226; color: #f0c040; } /* Discount row */ body.theme-light .disc-badge { background:rgba(184,134,11,.1); color:#9a6a00; border-color:rgba(184,134,11,.2); } body.theme-light .disc-code { background:rgba(0,0,0,.05); border-color:rgba(0,0,0,.1); color:var(--t0); } body.theme-light .disc-copy { background:rgba(0,0,0,.06); color:var(--t1); border-color:rgba(0,0,0,.1); } /* Payout section */ body.theme-light .payout-section { background: #fff; border-color: rgba(0,0,0,.08); } body.theme-light .payout-row { border-color: rgba(0,0,0,.06); } body.theme-light .payout-logo { background: rgba(0,0,0,.07); color: var(--t0); border-color: rgba(0,0,0,.1); } body.theme-light .payout-name { color: var(--t0); } body.theme-light .payout-bar { background: rgba(0,0,0,.06); } body.theme-light .payout-bar-fill { background: linear-gradient(90deg,#4f35b5,#b8860b); } body.theme-light .payout-amt { color: var(--t0); } body.theme-light .payout-speed { color: var(--t3); } /* Tools strip */ body.theme-light .tool-cell { background: #fff; border-color: rgba(0,0,0,.1); } body.theme-light .tool-title { color: var(--t0); } body.theme-light .tool-desc { color: var(--t2); } body.theme-light .tool-link { color: #4f35b5; } body.theme-light .tool-link:hover { color: #3a27a0; } /* Awards */ body.theme-light .award-card { background:#fff; border-color:rgba(0,0,0,.1); } body.theme-light .award-year { color: #b8860b; } body.theme-light .award-title { color: var(--t0); } body.theme-light .award-wn { color: var(--t0); } body.theme-light .award-ws { color: var(--t3); } body.theme-light .award-wl { background:rgba(0,0,0,.07); color:var(--t0); border-color:rgba(0,0,0,.1); } /* Red flag section */ body.theme-light .rf-section { background: #f7f8fc; border-color: rgba(0,0,0,.08); } body.theme-light .rf-item { border-color: rgba(0,0,0,.06); } body.theme-light .rf-text h4 { color: var(--t0); } body.theme-light .rf-text p { color: var(--t2); } /* Ann grid */ body.theme-light .ann-main, body.theme-light .ann-mini { background:#fff; border-color:rgba(0,0,0,.08); } body.theme-light .ann-firm { background:rgba(0,0,0,.05); color:var(--t1); } body.theme-light .ann-title,.ann-mini-title { color:var(--t0); } /* Blog cards */ body.theme-light .blog-card { background:#fff; border-color:rgba(0,0,0,.08); } body.theme-light .blog-title a { color: var(--t0); } body.theme-light .blog-title a:hover { color: #4f35b5; } body.theme-light .blog-cat { background:rgba(79,53,181,.1); color:#4f35b5; } body.theme-light .blog-rm { color:#4f35b5; } /* CTA banner */ body.theme-light .cta-banner { background: linear-gradient(135deg,#0d1226,#1a2a5e); border-color: rgba(255,255,255,.08); } body.theme-light .cta-banner h2, body.theme-light .cta-banner p { color: #f0f2f7; } /* Loyalty strip */ body.theme-light .loyalty-item { border-color:rgba(0,0,0,.08); } body.theme-light .loyalty-step { background:rgba(184,134,11,.1); color:#9a6a00; border-color:rgba(184,134,11,.2); } body.theme-light .loyalty-title { color: var(--t0); } body.theme-light .loyalty-desc { color: var(--t2); } /* Footer */ body.theme-light .site-footer { background: #0d1226; border-top-color: rgba(255,255,255,.08); } body.theme-light .site-footer, body.theme-light .site-footer p, body.theme-light .site-footer a, body.theme-light .footer-bottom { color: rgba(255,255,255,.65); } body.theme-light .site-footer h3, body.theme-light .footer-brand .logo-text { color: #f0f2f7; } body.theme-light .footer-link:hover { color: #f0c040; } body.theme-light .footer-bottom { border-top-color: rgba(255,255,255,.08); } /* Inputs */ body.theme-light .s-input, body.theme-light .s-select, body.theme-light .cmp-sel-input, body.theme-light .cmp-sel-filter { background: #fff; border-color: rgba(0,0,0,.15); color: var(--t0); } body.theme-light .s-input::placeholder, body.theme-light .cmp-sel-input::placeholder { color: var(--t3); } body.theme-light .s-input:focus, body.theme-light .s-select:focus, body.theme-light .cmp-sel-input:focus { border-color: #4f35b5; box-shadow:0 0 0 3px rgba(79,53,181,.12); } /* Sidebar / score cards */ body.theme-light .sidebar-card, body.theme-light .cmp-table-card { background: #fff; border-color: rgba(0,0,0,.1); } body.theme-light .sidebar-card__header { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.08); color: var(--t3); } body.theme-light .stats-list__item { border-color: rgba(0,0,0,.06); } body.theme-light .stats-list__key { color: var(--t3); } body.theme-light .stats-list__val { color: var(--t0); } /* Score rings - light mode */ body.theme-light .cmp-arc-bg { stroke: rgba(0,0,0,.08); } /* Pagination */ body.theme-light .page-numbers { background:#fff; border-color:rgba(0,0,0,.12); color:var(--t2); } body.theme-light .page-numbers:hover, body.theme-light .page-numbers.current { background:rgba(184,134,11,.1); border-color:#b8860b; color:#9a6a00; } /* TrustPilot badge */ body.theme-light .tp-badge { background:#fff; border-color:rgba(0,0,0,.1); } /* Comparison page */ body.theme-light .cmp-sel-dropdown { background:#fff; border-color:rgba(0,0,0,.12); box-shadow:0 12px 40px rgba(0,0,0,.15); } body.theme-light .cmp-sel-item:hover { background:rgba(0,0,0,.04); } body.theme-light .cmp-table { background:#fff; } body.theme-light .cmp-table thead { background:rgba(0,0,0,.03); } body.theme-light .cmp-th-crit, body.theme-light .cmp-th-firm { color: var(--t2); } body.theme-light .cmp-td-lbl { color: var(--t2); } body.theme-light .cmp-td-val { color: var(--t0); } body.theme-light .cmp-td-val.is-win { color: #059669; } body.theme-light .cmp-td-val.is-lose { color: #9aa3be; } body.theme-light .cmp-rec { background:#fff; border-color:#b8860b; } body.theme-light .cmp-rec__text h3 { color: var(--t0); } body.theme-light .cmp-rec__text p { color: var(--t2); } body.theme-light .cmp-rec__score-num { color: #b8860b; } body.theme-light .cmp-bar-card { background:#fff; border-color:rgba(0,0,0,.1); } body.theme-light .cmp-bar-track { background:rgba(0,0,0,.07); } /* 404 */ body.theme-light .error-404-code { color: #0d1226; }