/* Theme Name: gm247news Description: Custom news theme for gm247news.com — Ghana, South Africa, Africa and world news. Author: GM247News Version: 1.0 Text Domain: gm247news */ /* ============================================================ PROJECT MANAGER NOTE: This file has TWO jobs in WordPress: 1) The comment block above is REQUIRED — WordPress reads it to know your theme's name/version. Don't delete it. 2) Below, we define "CSS variables" — think of these as a single control panel for colors. Change a color here once, and it updates everywhere on the site automatically. The actual page layout styling lives in assets/css/theme.css (built in a later step) so this file stays lightweight. ============================================================ */ :root { --gm-bg: #ffffff; --gm-text: #17181a; --gm-text-muted: #5b6b7a; --gm-accent: #cc1122; /* red editorial accent, matches reference design */ --gm-border: #e4e8ec; --gm-card-bg: #f7f9fa; --gm-badge-bg: #cc1122; --gm-badge-text: #ffffff; --gm-link-hover: #cc1122; --gm-footer-bg: #0c0e12; /* near-black footer, matches reference design */ --gm-footer-text: #d7dade; --gm-footer-muted: #8a8f98; } /* Dark mode palette — activated by adding class="dark" to via theme.js (built in Step 5). PM note: nothing here runs yet, it's just the color definitions waiting to be used. */ html.dark { --gm-bg: #0c0e12; --gm-text: #eef2f5; --gm-text-muted: #9fb0c0; --gm-accent: #ff3b4e; --gm-border: #262a31; --gm-card-bg: #15181d; --gm-badge-bg: #ff3b4e; --gm-badge-text: #0c0e12; --gm-link-hover: #ff3b4e; --gm-footer-bg: #000000; --gm-footer-text: #d7dade; --gm-footer-muted: #7a7f88; } body { background: var(--gm-bg); color: var(--gm-text); }