/* Theme Name: Verkalium Theme Theme URI: https://verkalium.com Author: Mike Ventura Author URI: https://verkalium.com Description: A bright, funky sci‑fi WordPress theme for the Verkalium game homepage and portal. Full‑width templates, dual sidebars, nine switchable color schemes, Orbitron/Ubuntu typography, classic editor enhancements, hero module, utility bar, and robust widget areas. Version: 0.2.0 Requires at least: 6.6 Tested up to: 6.6 Requires PHP: 8.1 Text Domain: verkalium License: GPL-2.0-or-later License URI: https://www.gnu.org/licenses/gpl-2.0.html Tags: custom-colors, custom-logo, custom-menu, featured-images, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, blog */ :root { --vk-bg: #0b0f16; --vk-surface: #121827; --vk-text: #e5f0ff; --vk-muted: #9fb3c8; --vk-accent: #47ff8a; --vk-accent-2: #00d1ff; --vk-danger: #ff4d6d; --vk-warning: #fdb022; --vk-success: #2dd4bf; --vk-border: rgba(255,255,255,0.12); --vk-glow: 0 0 18px var(--vk-accent); --vk-radius: 16px; --vk-shadow: 0 10px 30px rgba(0,0,0,0.35); --vk-maxw: 1320px; } /* Nine color schemes as classes on (no background color set here). */ body.scheme-neon { --vk-accent: #10ff9b; --vk-accent-2:#00d1ff; --vk-surface:#0e1526; } body.scheme-cobalt { --vk-accent:#66aaff; --vk-accent-2:#e14fff; --vk-surface:#0b1326; } body.scheme-ember { --vk-accent:#ff8a00; --vk-accent-2:#ffd166; --vk-surface:#1a0e08; } body.scheme-magenta { --vk-accent:#ff2bd6; --vk-accent-2:#5de2ff; --vk-surface:#160a22; } body.scheme-aurora { --vk-accent:#34ffda; --vk-accent-2:#59baff; --vk-surface:#081417; } body.scheme-circuit { --vk-accent:#00ff85; --vk-accent-2:#a0ff00; --vk-surface:#0c1610; } body.scheme-ion { --vk-accent:#b18cff; --vk-accent-2:#00f7ff; --vk-surface:#0e1022; } body.scheme-solar { --vk-accent:#ffd166; --vk-accent-2:#ff6b6b; --vk-surface:#1a1710; } body.scheme-void { --vk-accent:#8cfffb; --vk-accent-2:#baff8c; --vk-surface:#0a0a0a; } /* Base reset / typography */ *{box-sizing:border-box} html,body{margin:0;padding:0} body{ font-family: "Orbitron", "Ubuntu", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:var(--vk-text); background:linear-gradient(180deg, var(--vk-bg), #000); line-height:1.55; } a{color:var(--vk-accent);text-decoration:none} a:hover{filter:brightness(1.2);text-shadow:0 0 10px var(--vk-accent-2)} img{max-width:100%;height:auto} .container{max-width:var(--vk-maxw);margin:0 auto;padding:0 24px} .site-header{position:relative; z-index:10; box-shadow: var(--vk-shadow);} .utility-bar{background:rgba(0,0,0,0.6); border-bottom:1px solid var(--vk-border); font-size:12px} .utility-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0} .status-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--vk-border); padding:2px 8px;border-radius:999px} .status-dot{width:8px;height:8px;border-radius:50%;background:var(--vk-accent); box-shadow:0 0 10px var(--vk-accent)} .site-branding{display:flex;align-items:center;gap:14px;padding:14px 0} .site-title{font-weight:800;letter-spacing:0.06em;margin:0} .header-cta{display:flex;gap:12px;align-items:center} .button, .btn{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--vk-accent);padding:10px 16px;border-radius:12px;text-transform:uppercase;letter-spacing:.08em; box-shadow:var(--vk-glow)} .button--primary{background:linear-gradient(90deg,var(--vk-accent),var(--vk-accent-2));color:#051016;font-weight:800} .nav{border-top:1px solid var(--vk-border); border-bottom: 1px solid var(--vk-border); backdrop-filter: blur(4px)} .nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:12px 0;flex-wrap:wrap} .nav a{font-weight:700} .hero{position:relative;overflow:hidden;border-bottom:1px solid var(--vk-border)} .hero-inner{padding:64px 0;display:grid;grid-template-columns:1.2fr 0.8fr;gap:24px} .hero h1{font-size:clamp(28px,4vw,52px);margin:0 0 12px} .hero p{opacity:.9} .card{background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.00));border:1px solid var(--vk-border);border-radius:var(--vk-radius);padding:18px;box-shadow:var(--vk-shadow)} .sidebar{display:flex;flex-direction:column;gap:16px} .site-footer{border-top:1px solid var(--vk-border); margin-top:48px; padding-top:24px} .footer-widgets{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .footer-credits{font-size:12px;color:var(--vk-muted);text-align:center;padding:18px 0} .grid{display:grid;gap:24px} .grid-2{grid-template-columns:repeat(2,1fr)} .grid-3{grid-template-columns:repeat(3,1fr)} .grid-4{grid-template-columns:repeat(4,1fr)} .post-card{border:1px solid var(--vk-border);border-radius:var(--vk-radius);overflow:hidden;background:rgba(255,255,255,0.02)} .post-card .thumb{aspect-ratio:16/9;background:#111;border-bottom:1px solid var(--vk-border)} .post-card h2{font-size:20px;margin:12px} .meta{font-size:12px;color:var(--vk-muted);margin:0 12px 12px} hr{border:0;border-top:1px solid var(--vk-border);margin:24px 0} .widget{border:1px dashed var(--vk-border);border-radius:12px;padding:12px} /* Classic editor content styling */ .entry-content h1,.entry-content h2,.entry-content h3{letter-spacing:.04em} table{border-collapse:collapse;width:100%} td,th{border:1px solid var(--vk-border);padding:8px} blockquote{border-left:3px solid var(--vk-accent);padding-left:14px;margin-left:0;color:var(--vk-muted)} */