:root { --navy-bg: #041525; --navy-gold: #cfae4f; --navy-blue-soft: #132033; --navy-border-soft: #273955; --navy-text-soft: #d0d8e6; } * { box-sizing: border-box; } body { margin: 0; min-height: 100vh; font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--navy-bg); color: #f7f9fc; display: flex; justify-content: center; align-items: flex-start; } .page { width: 100%; max-width: 960px; padding: 40px 16px 64px; margin-bottom: 40px; position: relative; } /* Typography */ h1, h2, h3 { font-family: "Rajdhani", system-ui, sans-serif; letter-spacing: 0.08em; text-transform: uppercase; margin: 0; } h2 { font-size: 20px; margin-bottom: 16px; color: #f7f9fc; } h3 { font-size: 16px; margin-bottom: 8px; } p { margin: 0 0 8px; line-height: 1.5; color: var(--navy-text-soft); font-size: 14px; } /* Footer */ footer { margin-top: 28px; text-align: center; font-size: 12px; color: #8a9bbd; border-top: 1px solid rgba(207, 174, 79, 0.35); padding-top: 10px; } footer span { color: var(--navy-gold); } /* /css/global.css */ :root { /* Default theme tokens (platform baseline) */ --navy-bg: #041525; --navy-gold: #CFAE4F; --navy-blue-soft: #132033; --navy-border-soft: #273955; --navy-text-soft: #D0D8E6; /* Optional legacy aliases used across older pages */ --branch-bg: var(--navy-bg); --branch-accent: var(--navy-gold); --branch-bg-soft: var(--navy-blue-soft); --branch-border-soft: var(--navy-border-soft); --branch-text-soft: var(--navy-text-soft); } /* ===== BRANCH OVERRIDES (GLOBAL SOURCE OF TRUTH) ===== */ /* IMPORTANT • Do not change selectors/classes/IDs in branch pages • All branch theming is done by overriding existing variables below • Branch pages must set: */ body[data-branch="navy"] { --branch-bg: #041525; --branch-accent: #CFAE4F; --branch-bg-soft: #132033; --branch-border-soft: #273955; --branch-text-soft: #D0D8E6; --navy-bg: var(--branch-bg); --navy-gold: var(--branch-accent); --navy-blue-soft: var(--branch-bg-soft); --navy-border-soft: var(--branch-border-soft); --navy-text-soft: var(--branch-text-soft); } body[data-branch="army"] { --branch-bg: #4B5320; --branch-accent: #FFD700; --branch-bg-soft: #000000; --branch-border-soft: rgba(255,255,255,0.22); --branch-text-soft: #F7F9FC; --navy-bg: var(--branch-bg); --navy-gold: var(--branch-accent); --navy-blue-soft: var(--branch-bg-soft); --navy-border-soft: var(--branch-border-soft); --navy-text-soft: var(--branch-text-soft); } body[data-branch="marines"] { --branch-bg: #AF1E2D; --branch-accent: #D4AF37; --branch-bg-soft: #000000; --branch-border-soft: rgba(255,255,255,0.22); --branch-text-soft: rgba(255,255,255,0.86); --navy-bg: var(--branch-bg); --navy-gold: var(--branch-accent); --navy-blue-soft: var(--branch-bg-soft); --navy-border-soft: var(--branch-border-soft); --navy-text-soft: var(--branch-text-soft); } body[data-branch="coastguard"] { --branch-bg: #003A70; --branch-accent: #E31837; --branch-bg-soft: #0B2E4F; --branch-border-soft: rgba(255,255,255,0.22); --branch-text-soft: #FFFFFF; --navy-bg: var(--branch-bg); --navy-gold: var(--branch-accent); --navy-blue-soft: var(--branch-bg-soft); --navy-border-soft: var(--branch-border-soft); --navy-text-soft: var(--branch-text-soft); } body[data-branch="spaceforce"] { --branch-bg: #0B1D3A; --branch-accent: #E6E9EE; --branch-bg-soft: #14284A; --branch-border-soft: #2A3F63; --branch-text-soft: #E6E9EE; --navy-bg: var(--branch-bg); --navy-gold: var(--branch-accent); --navy-blue-soft: var(--branch-bg-soft); --navy-border-soft: var(--branch-border-soft); --navy-text-soft: var(--branch-text-soft); } body[data-branch="airforce"] { --branch-bg: #00308F; --branch-accent: #FFFFFF; --branch-bg-soft: #0A1E3F; --branch-border-soft: rgba(255,255,255,0.22); --branch-text-soft: #F7F9FC; --navy-bg: var(--branch-bg); --navy-gold: var(--branch-accent); --navy-blue-soft: var(--branch-bg-soft); --navy-border-soft: var(--branch-border-soft); --navy-text-soft: var(--branch-text-soft); }