Global Styles - TradeStack

{“version”: 2, “styles”: {“css”: “@import url(‘https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap’);\n\n/* ===== ROOT VARIABLES ===== */\n:root{–ts-bg-primary:#0d1117;–ts-bg-secondary:#161b22;–ts-bg-tertiary:#1c2128;–ts-border:#21262d;–ts-border-light:#30363d;–ts-text-primary:#e6edf3;–ts-text-secondary:#8b949e;–ts-text-muted:#64748b;–ts-accent-green:#3fb950;–ts-accent-blue:#58a6ff;–ts-accent-purple:#a855f7;–ts-accent-red:#ef4444;–ts-green-hover:#2ea043}\n\n/* ===== BASE ===== */\nbody{background:var(–ts-bg-primary)!important;color:var(–ts-text-primary)!important;font-family:’Inter’,-apple-system,BlinkMacSystemFont,’Segoe UI’,sans-serif!important;margin:0!important;padding:0!important;overflow-x:hidden!important}\nhtml{background:var(–ts-bg-primary)!important}\n\n/* ===== TYPOGRAPHY ===== */\nh1,h2,h3,h4,h5,h6{color:var(–ts-text-primary)!important;font-family:’Inter’,sans-serif!important;font-weight:700!important;line-height:1.2!important;margin:0 0 16px 0!important}\nh1{font-size:clamp(28px,4vw,42px)!important}\nh2{font-size:clamp(24px,3vw,32px)!important}\nh3{font-size:clamp(20px,2.5vw,24px)!important}\nh4{font-size:18px!important}\np{color:var(–ts-text-primary)!important;font-family:’Inter’,sans-serif!important;line-height:1.7!important;margin:0 0 16px 0!important}\na{color:var(–ts-accent-green)!important;text-decoration:none!important;transition:color 0.2s ease!important}\na:hover{color:var(–ts-green-hover)!important}\nsmall,code,.tag,.muted,.post-date,.category-label,.archive-title{font-family:’JetBrains Mono’,’Fira Code’,monospace!important;color:var(–ts-text-secondary)!important;font-size:13px!important}\nstrong,b{color:var(–ts-text-primary)!important}\nem,i{color:var(–ts-text-secondary)!important}\n\n/* ===== LINKS & NAVIGATION ===== */\n.site-header,.wp-block-site-logo,.wp-block-navigation{background:var(–ts-bg-primary)!important;border-bottom:1px solid var(–ts-border)!important}\n.site-header a,.wp-block-navigation a,.wp-block-navigation__responsive-container a{color:var(–ts-text-secondary)!important}\n.site-header a:hover,.wp-block-navigation a:hover{color:var(–ts-text-primary)!important}\n.wp-block-navigation__responsive-container,.mobile-nav-overlay,.menu-modal{background:var(–ts-bg-primary)!important}\n.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{color:var(–ts-text-primary)!important}\n\n/* ===== ENTRY CONTENT (Single Posts) ===== */\n.entry-content,.wp-block-post-content,.single-post .content-area,.article-body,.post-content,.wp-block-columns,.wp-block-column{background:var(–ts-bg-primary)!important;color:var(–ts-text-primary)!important}\n.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{color:var(–ts-text-primary)!important}\n.entry-content p,.entry-content li,.entry-content td,.entry-content th,.entry-content span,.entry-content strong,.entry-content em,.entry-content blockquote{color:var(–ts-text-primary)!important}\n.entry-content a{color:var(–ts-accent-green)!important}\n.entry-content a:hover{color:var(–ts-green-hover)!important}\n.entry-content img{border-radius:8px!important;max-width:100%!important;height:auto!important}\n.entry-content pre,.entry-content code{background:var(–ts-bg-tertiary)!important;color:var(–ts-accent-green)!important;border:1px solid var(–ts-border)!important;border-radius:6px!important;font-family:’JetBrains Mono’,monospace!important}\n.entry-content blockquote{border-left:3px solid var(–ts-accent-green)!important;background:var(–ts-bg-secondary)!important;padding:16px 24px!important;margin:24px 0!important;border-radius:0 8px 8px 0!important}\n.entry-content ul,.entry-content ol{color:var(–ts-text-primary)!important}\n.entry-content li{color:var(–ts-text-primary)!important}\n\n/* ===== ARCHIVE & CATEGORY PAGES ===== */\n.archive-header,.category-header,.page-header,.taxonomy-header{background:var(–ts-bg-secondary)!important;color:var(–ts-text-primary)!important;padding:32px!important;border-radius:12px!important;margin-bottom:32px!important;border:1px solid var(–ts-border)!important}\n.archive-title,.page-title,.category-title,.taxonomy-title{color:var(–ts-text-primary)!important}\n.archive-description,.category-description{color:var(–ts-text-secondary)!important}\n.entry-meta,.post-meta,.wp-block-post-date,.wp-block-post-author,.wp-block-post-terms{color:var(–ts-text-secondary)!important}\n.entry-meta a,.post-meta a{color:var(–ts-text-secondary)!important}\n.entry-meta a:hover,.post-meta a:hover{color:var(–ts-accent-green)!important}\n\n/* ===== POST CARDS (Archive/Category) ===== */\n.post-card,.wp-block-post-template,.wp-block-post,.has-background,.wp-block-latest-posts__post{background:var(–ts-bg-secondary)!important;border:1px solid var(–ts-border)!important;border-radius:12px!important;padding:24px!important;margin-bottom:24px!important;transition:transform 0.3s ease,box-shadow 0.3s ease!important}\n.post-card:hover,.wp-block-post:hover{transform:translateY(-2px)!important;box-shadow:0 8px 30px rgba(0,0,0,0.4)!important}\n.post-card h2,.wp-block-post h2,.post-card h3,.wp-block-post h3{color:var(–ts-text-primary)!important}\n.post-card p,.wp-block-post p{color:var(–ts-text-secondary)!important}\n\n/* ===== TABLES ===== */\ntable,.wp-block-table{border-collapse:collapse!important;width:100%!important;margin:24px 0!important;background:var(–ts-bg-secondary)!important;border:1px solid var(–ts-border)!important;border-radius:12px!important;overflow:hidden!important}\nthead,table thead{background:var(–ts-bg-tertiary)!important}\nth,table th{background:var(–ts-bg-tertiary)!important;color:var(–ts-text-primary)!important;border-color:var(–ts-border)!important;font-weight:600!important;padding:12px 16px!important}\ntd,table td{background:var(–ts-bg-secondary)!important;color:var(–ts-text-primary)!important;border-color:var(–ts-border)!important;padding:12px 16px!important}\ntr:nth-child(even) td{background:var(–ts-bg-tertiary)!important}\n\n/* ===== FORMS ===== */\ninput,textarea,select,button{font-family:’Inter’,sans-serif!important}\ninput[type=submit],button[type=submit],.wp-block-button__link,.btn,.button{background:var(–ts-accent-green)!important;color:#0d1117!important;border:none!important;border-radius:8px!important;padding:12px 28px!important;font-weight:700!important;font-size:15px!important;cursor:pointer!important;transition:all 0.2s ease!important;box-shadow:0 2px 8px rgba(63,185,80,0.3)!important}\ninput[type=submit]:hover,button[type=submit]:hover,.wp-block-button__link:hover{background:var(–ts-green-hover)!important;transform:translateY(-2px)!important;box-shadow:0 4px 15px rgba(63,185,80,0.4)!important}\ninput[type=email],input[type=text],input[type=search],input[type=password],textarea,select{background:var(–ts-bg-secondary)!important;color:var(–ts-text-primary)!important;border:1px solid var(–ts-border-light)!important;border-radius:8px!important;padding:12px 16px!important;font-size:15px!important;transition:border-color 0.2s ease!important}\ninput[type=email]:focus,input[type=text]:focus,input[type=search]:focus,textarea:focus{border-color:var(–ts-accent-green)!important;outline:none!important;box-shadow:0 0 0 3px rgba(63,185,80,0.1)!important}\ninput::placeholder,textarea::placeholder{color:var(–ts-text-muted)!important}\n\n/* ===== SIDEBAR & WIDGETS ===== */\n.sidebar,.wp-block-template-part,.widget,.widget-area{background:var(–ts-bg-secondary)!important;border:1px solid var(–ts-border)!important;border-radius:12px!important;padding:24px!important}\n.widget h2,.widget h3,.widget-title{color:var(–ts-text-primary)!important}\n.widget p,.widget li,.widget a{color:var(–ts-text-secondary)!important}\n.widget a:hover{color:var(–ts-accent-green)!important}\n\n/* ===== FOOTER ===== */\nfooter,.site-footer,.wp-block-template-part.footer,.wp-block-site-logo.footer{background:var(–ts-bg-primary)!important;color:var(–ts-text-secondary)!important;border-top:1px solid var(–ts-border)!important;padding:48px 32px 32px!important}\nfooter a,.site-footer a{color:var(–ts-text-secondary)!important}\nfooter a:hover,.site-footer a:hover{color:var(–ts-accent-green)!important}\nfooter p,.site-footer p{color:var(–ts-text-muted)!important}\n\n/* ===== CODE BLOCKS ===== */\npre,code,.wp-block-code,.wp-block-preformatted{background:var(–ts-bg-tertiary)!important;color:var(–ts-accent-green)!important;border:1px solid var(–ts-border)!important;border-radius:8px!important;font-family:’JetBrains Mono’,monospace!important;font-size:14px!important}\npre{padding:16px!important;overflow-x:auto!important}\ncode{padding:2px 6px!important}\n\n/* ===== MISC OVERRIDES ===== */\n.has-background{background:var(–ts-bg-secondary)!important}\n.has-white-background-color,.has-white-color{background:var(–ts-bg-secondary)!important;color:var(–ts-text-primary)!important}\n.is-style-outline{border-color:var(–ts-border-light)!important}\n.wp-block-separator{border-color:var(–ts-border)!important}\n.wp-block-quote{border-left-color:var(–ts-accent-green)!important;background:var(–ts-bg-secondary)!important}\n.wp-block-cover{background-color:var(–ts-bg-secondary)!important}\n.wp-block-cover__inner-container{color:var(–ts-text-primary)!important}\n.wp-block-image figcaption{color:var(–ts-text-secondary)!important}\n.wp-block-spacer{background:transparent!important}\n::selection{background:var(–ts-accent-green)!important;color:var(–ts-bg-primary)!important}\n::-webkit-scrollbar{width:8px}\n::-webkit-scrollbar-track{background:var(–ts-bg-primary)}\n::-webkit-scrollbar-thumb{background:var(–ts-border-light);border-radius:4px}\n::-webkit-scrollbar-thumb:hover{background:var(–ts-text-muted)}\n\n/* ===== FORCE DARK ON SPECIFIC LIGHT CLASSES ===== */\n[class*=\”light\”],[class*=\”white\”],[class*=\”bright\”]{background:var(–ts-bg-primary)!important;color:var(–ts-text-primary)!important}\n.bg-white,.has-light-background,.has-white-background{background:var(–ts-bg-secondary)!important}\n.text-dark,.text-black{color:var(–ts-text-primary)!important}\n.text-muted{color:var(–ts-text-secondary)!important}\n.border-light,.border-white{border-color:var(–ts-border)!important}\n\n/* ===== RESPONSIVE ===== */\n@media(max-width:768px){\n h1{font-size:28px!important}\n h2{font-size:24px!important}\n h3{font-size:20px!important}\n .entry-content,.archive-header,.post-card{padding:16px!important}\n table{font-size:14px!important}\n th,td{padding:8px 12px!important}\n}\n”}, “settings”: {“appearanceTools”: true, “useRootPaddingAwareAlignments”: true, “typography”: {“fontFamilies”: [{“fontFamily”: “‘Inter’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif”, “name”: “Inter”, “slug”: “inter”, “fontFace”: []}, {“fontFamily”: “‘JetBrains Mono’, ‘Fira Code’, monospace”, “name”: “JetBrains Mono”, “slug”: “jetbrains-mono”, “fontFace”: []}]}, “color”: {“palette”: [{“slug”: “primary”, “color”: “#0d1117”, “name”: “Primary Background”}, {“slug”: “secondary”, “color”: “#161b22”, “name”: “Secondary Background”}, {“slug”: “tertiary”, “color”: “#1c2128”, “name”: “Tertiary Background”}, {“slug”: “text”, “color”: “#e6edf3”, “name”: “Text Primary”}, {“slug”: “text-secondary”, “color”: “#8b949e”, “name”: “Text Secondary”}, {“slug”: “accent”, “color”: “#3fb950”, “name”: “Accent Green”}, {“slug”: “accent-blue”, “color”: “#58a6ff”, “name”: “Accent Blue”}, {“slug”: “border”, “color”: “#21262d”, “name”: “Border”}]}}}