/*
Theme Name: OreMind
Theme URI: https://oremind.app
Author: Elemental AI Solutions
Author URI: https://elementalai.tech
Description: Marketing & docs theme for OreMind, the branded identity for the open-source minecraft-mcp project — an MCP server that gives AI agents 34 tools to control bot players in a live Minecraft world.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oremind
*/

/* Reset */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg-deep);color:var(--text-primary);font-family:'Space Grotesk',sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--lime);text-decoration:none;transition:color .15s ease}
a:hover{color:var(--magenta)}
::selection{background:var(--lime);color:var(--bg-deep)}
pre{white-space:pre;font-family:'JetBrains Mono',monospace}

/* Design tokens */
:root{
  --bg-deep:#0c0f0a;
  --bg-panel:#12160d;
  --bg-code:#050805;
  --bg-panel-hover:#161c0f;
  --lime:#a3e635;
  --magenta:#d946ef;
  --text-primary:#f2ffe8;
  --text-primary-alt:#e7ffe0;
  --text-secondary:#9fb08c;
  --text-muted:#5b6b52;
  --border-neutral-1:#3d5a34;
  --border-neutral-2:#5a5a3d;
  --lime-12:rgba(163,230,53,.12);
  --lime-15:rgba(163,230,53,.15);
  --lime-18:rgba(163,230,53,.18);
  --lime-20:rgba(163,230,53,.2);
  --lime-25:rgba(163,230,53,.25);
  --lime-30:rgba(163,230,53,.3);
  --lime-35:rgba(163,230,53,.35);
  --lime-55:rgba(163,230,53,.55);
  --lime-10:rgba(163,230,53,.1);
  --magenta-18:rgba(217,70,239,.18);
  --magenta-20:rgba(217,70,239,.2);
  --magenta-35:rgba(217,70,239,.35);
  --gutter:44px;
}

/* Type helpers */
.font-display{font-family:'Press Start 2P',monospace}
.font-mono{font-family:'JetBrains Mono',monospace}
.eyebrow{display:block;font:600 11px 'JetBrains Mono',monospace;letter-spacing:.12em;margin-bottom:14px;color:var(--magenta)}
.lime{color:var(--lime)}

/* Layout */
.wrap{position:relative;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.wrap-1200{max-width:1200px}
.wrap-1100{max-width:1100px}
.wrap-1000{max-width:1000px}
.section{padding-bottom:90px}
.section-tight{padding-bottom:20px}

/* Stepped / voxel panel corners */
.cut{clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.cut-sm{--cut:10px}
.cut-md{--cut:12px}
.cut-lg{--cut:14px}
.cut-xl{--cut:16px}

/* Ambient overlays */
.crt-overlay{position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:1;animation:flicker 6s infinite}
.scan-sweep{position:fixed;left:0;right:0;top:0;height:140px;background:linear-gradient(rgba(163,230,53,0),rgba(163,230,53,.05) 50%,rgba(163,230,53,0));pointer-events:none;z-index:2;animation:scan 9s linear infinite}
.site-shell{min-height:100vh;position:relative;overflow-x:clip}

@keyframes riseIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes flicker{0%,96%,100%{opacity:1}97%{opacity:.86}98%{opacity:1}99%{opacity:.9}}
@keyframes scan{0%{transform:translateY(-100%)}100%{transform:translateY(100vh)}}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}

.rise{opacity:0;animation:riseIn .6s cubic-bezier(.16,.8,.3,1) forwards}
.cursor-blink{animation:blink 1s step-end infinite;color:var(--lime)}

/* Buttons */
.btn{display:inline-block;font-family:'JetBrains Mono',monospace;font-weight:600;border-radius:2px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.btn:hover{color:inherit}
.btn-lg{font-size:12.5px}
.btn-solid-lime{background:var(--lime);color:var(--bg-deep);padding:13px 22px}
.btn-outline-lime{color:var(--lime);border:2px solid var(--lime);padding:11px 22px}
.btn-outline-magenta{color:var(--magenta);border:2px solid var(--magenta);padding:11px 22px}
.btn-solid-lime:hover,.btn-outline-lime:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--lime-35),0 8px 20px var(--lime-25);color:inherit}
.btn-outline-magenta:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--magenta-35),0 8px 20px var(--magenta-20);color:inherit}
.btn-nav{font-size:12px;padding:9px 16px;background:var(--lime);color:var(--bg-deep)}
.btn-nav:hover{color:var(--bg-deep)}

/* Badges */
.badge{display:inline-block;font:600 10.5px 'JetBrains Mono',monospace;background:var(--lime-10);border:1px solid var(--lime-30);color:var(--lime);padding:6px 11px;border-radius:20px}

/* Header / nav */
.site-header{display:flex;align-items:center;justify-content:space-between;padding:18px var(--gutter);border-bottom:1px solid var(--lime-18);position:sticky;top:0;background:rgba(12,15,10,.85);backdrop-filter:blur(6px);z-index:10}
.site-logo{display:flex;align-items:center;gap:11px}
.site-logo-word{font:600 15px 'Space Grotesk',sans-serif;color:var(--text-primary-alt);letter-spacing:.02em}
.site-logo-word span{color:var(--lime)}
.site-nav{display:flex;align-items:center;gap:28px}
.site-nav a{font:500 12.5px 'JetBrains Mono',monospace;color:var(--text-secondary)}
.site-nav a.is-active{color:var(--lime)}
.nav-toggle{display:none;background:none;border:1px solid var(--lime-30);color:var(--lime);border-radius:2px;padding:6px 10px;font-size:16px;line-height:1;cursor:pointer}

/* Hero */
.hero{padding:96px var(--gutter) 80px;max-width:1200px;margin:0 auto}
.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,var(--lime-18),transparent 50%),radial-gradient(circle at 90% 30%,var(--magenta-18),transparent 50%);pointer-events:none}
.hero-inner{position:relative;max-width:760px}
.hero-eyebrow{font:600 11px 'JetBrains Mono',monospace;color:var(--magenta);letter-spacing:.12em;margin-bottom:18px}
.hero h1{font:400 40px/1.55 'Press Start 2P',monospace;color:var(--text-primary);margin:0 0 22px;text-shadow:0 0 18px rgba(163,230,53,.4)}
.hero p.lead{font:500 15px/1.7 'JetBrains Mono',monospace;color:var(--text-secondary);max-width:520px;margin:0 0 32px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}
.hero-badges{display:flex;gap:8px;flex-wrap:wrap}

/* Architecture strip */
.architecture{padding:0 var(--gutter) 90px;max-width:1200px;margin:0 auto}
.architecture-panel{border:1px solid var(--lime-20);background:var(--bg-panel);padding:32px 36px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}
.arch-box{font:600 10px 'JetBrains Mono',monospace;color:var(--text-secondary);border:1.5px solid var(--border-neutral-1);border-radius:3px;padding:8px 12px;text-align:center}
.arch-box small{color:var(--text-muted);display:block}
.arch-box-lime{color:var(--lime);border-color:var(--lime);font-size:11px;padding:10px 14px}
.arch-box-neutral2{color:var(--text-primary);border-color:var(--border-neutral-2);font-size:11px;padding:10px 14px}
.arch-box-magenta{color:var(--magenta);border-color:var(--magenta);font-size:11px;padding:10px 14px}
.arch-stack{display:flex;flex-direction:column;gap:8px}
.arch-arrow{font:700 16px monospace;color:var(--border-neutral-1)}

/* Features */
.features{padding:0 var(--gutter) 90px;max-width:1200px;margin:0 auto}
.features h2,.section-title{font:400 20px/1.5 'Press Start 2P',monospace;color:var(--text-primary);margin:0 0 40px}
.section-title-sm{font:400 18px/1.5 'Press Start 2P',monospace;color:var(--text-primary);margin:0 0 20px}
.copy{font:400 12.5px/1.7 'JetBrains Mono',monospace;color:var(--text-secondary);margin:0 0 20px;max-width:640px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fcard{background:var(--bg-panel);border:1px solid var(--lime-18);padding:26px 24px;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.fcard:hover{transform:translateY(-4px);border-color:var(--lime-55);background:var(--bg-panel-hover)}
.fcard-glyph{font:400 18px 'Press Start 2P',monospace;margin-bottom:14px}
.fcard-glyph.lime{color:var(--lime)}
.fcard-glyph.magenta{color:var(--magenta)}
.fcard-title{font:700 14px 'Space Grotesk',sans-serif;margin-bottom:8px}
.fcard-desc{font:400 12.5px/1.6 'JetBrains Mono',monospace;color:var(--text-secondary)}

/* Dashboard preview */
.dashboard-preview{padding:0 var(--gutter) 90px;max-width:1200px;margin:0 auto}
.dashboard-panel{background:var(--bg-code);border:1px solid var(--lime-18);padding:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bot-card{background:var(--bg-panel);border:1px solid var(--lime-15);border-radius:3px;padding:16px}
.bot-card.is-guard{border-color:var(--magenta-20)}
.bot-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.bot-card-name{font:700 12px 'JetBrains Mono',monospace;color:var(--lime)}
.bot-card.is-guard .bot-card-name{color:var(--magenta)}
.bot-card-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);display:inline-block}
.bot-card.is-guard .bot-card-dot{background:var(--magenta)}
.bot-card-tele{font:400 10.5px/1.8 'JetBrains Mono',monospace;color:var(--text-secondary)}

/* CTA banner */
.cta-banner-wrap{padding:0 var(--gutter) 100px;max-width:1200px;margin:0 auto}
.cta-banner{background:linear-gradient(135deg,#151b0f,var(--bg-panel));border:1px solid var(--lime-25);padding:48px 44px;text-align:center}
.cta-banner h3{font:400 18px/1.6 'Press Start 2P',monospace;color:var(--text-primary);margin:0 0 16px}
.cta-banner p{font:400 12.5px 'JetBrains Mono',monospace;color:var(--text-secondary);margin:0 0 26px}
.cta-banner .hero-ctas{justify-content:center;margin-bottom:0}

/* Footer */
.site-footer{padding:30px var(--gutter);border-top:1px solid var(--lime-18);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;max-width:1200px;margin:0 auto}
.site-footer-brand{display:flex;align-items:center;gap:10px}
.site-footer-brand span{font:400 10.5px 'JetBrains Mono',monospace;color:var(--text-muted)}
.site-footer-links{display:flex;gap:20px;flex-wrap:wrap}
.site-footer-links a{font:500 11px 'JetBrains Mono',monospace;color:var(--text-secondary)}

/* Page headers (Tools / Deploy / Docs) */
.page-header{padding:64px var(--gutter) 20px;margin:0 auto}
.page-header h1{font:400 26px/1.5 'Press Start 2P',monospace;color:var(--text-primary);margin:0 0 16px}
.page-header p{font:400 13px/1.7 'JetBrains Mono',monospace;color:var(--text-secondary);max-width:640px;margin:0}

/* Tools reference */
.tool-categories{padding:20px var(--gutter) 90px;margin:0 auto;display:flex;flex-direction:column;gap:36px}
.tool-cat-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--lime-18)}
.tool-cat-name{font:400 13px 'Press Start 2P',monospace;color:var(--lime)}
.tool-cat-count{font:600 10.5px 'JetBrains Mono',monospace;color:var(--text-muted)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.tool-card{background:var(--bg-panel);border:1px solid var(--lime-15);border-radius:3px;padding:14px 16px}
.tool-card-name{font:700 12.5px 'JetBrains Mono',monospace;color:var(--text-primary);margin-bottom:4px}
.tool-card-desc{font:400 11.5px/1.6 'JetBrains Mono',monospace;color:var(--text-secondary)}

.code-block{background:var(--bg-code);border:1px solid var(--lime-18);padding:24px 28px;overflow-x:auto;font:400 12px/1.7 'JetBrains Mono',monospace;color:var(--lime);margin:0}
.code-block.magenta{border-color:var(--magenta-18);color:var(--magenta)}

/* Deploy steps */
.deploy-step{padding:30px var(--gutter) 20px;max-width:1000px;margin:0 auto}
.deploy-step:first-of-type{padding-top:0}
.deploy-step:last-of-type{padding-bottom:90px}
.deploy-step-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.deploy-step-num{font:400 13px 'Press Start 2P',monospace}
.deploy-step-num.lime{color:var(--lime)}
.deploy-step-num.magenta{color:var(--magenta)}
.deploy-step-label{font:700 15px 'Space Grotesk',sans-serif}
.deploy-step-body{font:400 12.5px/1.7 'JetBrains Mono',monospace;color:var(--text-secondary);margin:0 0 16px}

/* Key/value panels (Deploy connect+config, Docs rows) */
.kv-panel{background:var(--bg-panel);border:1px solid var(--lime-18);overflow:hidden}
.kv-row{display:grid;grid-template-columns:180px 1fr;padding:14px 22px;border-bottom:1px solid var(--lime-12)}
.kv-row:last-child{border-bottom:none}
.kv-row .k{font:700 11.5px 'JetBrains Mono',monospace;color:var(--lime)}
.kv-row .v{font:400 11.5px/1.5 'JetBrains Mono',monospace;color:var(--text-secondary)}
.kv-row.kv-simple .k{font-weight:600;color:var(--text-secondary)}
.kv-row.kv-simple .v{color:var(--lime);font-weight:600}
.kv-row.kv-wide{grid-template-columns:200px 1fr}

/* Docs page */
.docs-section{padding:40px var(--gutter) 20px;max-width:1000px;margin:0 auto}
.docs-section:last-of-type{padding-bottom:90px}
.docs-section--flush{padding-top:0}
.docs-section h2{font:400 18px/1.5 'Press Start 2P',monospace;color:var(--text-primary);margin:0 0 20px}
.docs-section p{font:400 12.5px/1.7 'JetBrains Mono',monospace;color:var(--text-secondary);margin:0 0 22px;max-width:680px}
.docs-section pre + p{margin-top:18px}
.docs-note{font:400 12px/1.7 'JetBrains Mono',monospace;color:var(--text-muted);margin:14px 0 0}
.docs-note .hl{color:var(--text-secondary)}
.docs-flow{padding:28px 30px;display:flex;flex-direction:column;gap:16px}
.docs-flow-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.docs-flow-box{font:600 11px 'JetBrains Mono',monospace;border:1.5px solid var(--border-neutral-1);border-radius:3px;padding:9px 13px;color:var(--text-secondary)}
.docs-flow-box.lime{color:var(--lime);border-color:var(--lime)}
.docs-flow-box.magenta{color:var(--magenta);border-color:var(--magenta)}
.docs-flow-box.neutral2{color:var(--text-primary);border-color:var(--border-neutral-2)}
.docs-flow-arrow{color:var(--border-neutral-1);font:700 14px monospace}
.version-list{display:flex;flex-direction:column;gap:22px}
.version-card{padding:20px 24px}
.version-card-title{font:700 13px 'Space Grotesk',sans-serif;margin-bottom:8px}
.version-card-title.lime{color:var(--lime)}
.version-card-title.magenta{color:var(--magenta)}
.version-card-title.muted{color:var(--text-secondary)}
.version-card-body{font:400 12px/1.7 'JetBrains Mono',monospace;color:var(--text-secondary)}

/* Generic page / blog fallback content (page.php, index.php) */
.plain-content{padding:64px var(--gutter) 100px;max-width:800px;margin:0 auto;font-family:'JetBrains Mono',monospace;color:var(--text-secondary);line-height:1.7}
.plain-content h1{font:400 24px/1.5 'Press Start 2P',monospace;color:var(--text-primary);margin:0 0 26px}
.plain-content h2,.plain-content h3{font-family:'Space Grotesk',sans-serif;color:var(--text-primary)}
.plain-content a{text-decoration:underline}
.plain-content article + article{margin-top:60px;padding-top:60px;border-top:1px solid var(--lime-18)}

/* Responsive */
@media (max-width:900px){
  .grid-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .site-nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:#0c0f0aee;border-bottom:1px solid var(--lime-18);backdrop-filter:blur(6px);max-height:0;overflow:hidden;transition:max-height .2s ease}
  .site-nav.is-open{max-height:400px}
  .site-nav a{width:100%;padding:14px var(--gutter);border-top:1px solid var(--lime-12)}
  .nav-toggle{display:block}
}
@media (max-width:640px){
  :root{--gutter:20px}
  .grid-3,.grid-2{grid-template-columns:1fr}
  .hero{padding-top:64px}
  .hero h1{font-size:26px}
  .features h2,.section-title{font-size:16px}
  .page-header h1{font-size:20px}
  .docs-section h2{font-size:15px}
  .cta-banner h3{font-size:15px}
  .architecture-panel{justify-content:center;text-align:center}
  .dashboard-panel{grid-template-columns:1fr}
  .kv-row,.kv-row.kv-wide{grid-template-columns:1fr;gap:4px}
  .site-footer,.wrap-1200,.wrap-1100,.wrap-1000{padding-left:var(--gutter);padding-right:var(--gutter)}
}
