/* FieldKitOS / Mil-Spec Gold & Green OSINT — the main FieldKitOS palette.
   Obsidian-green surfaces, phosphor-green readouts and the same Royal Gold as the
   console and the Shopify store. Selectable like gold-console.css: no screenshot
   filters, no new scripts, no checkout, account or capability changes. */
html[data-theme="milspec"]{
 color-scheme:dark;
 --bg:#0a0e0b;--bg2:#10160f;
 --panel:#121a14;--panel2:#182319;
 --text:#f3f6ee;--muted:#b7c6b6;--subtle:#86a08a;
 --line:rgba(245,199,110,.26);--accent:#f5c76e;--accent2:#a66b1d;
 --accent-text:#241608;--header:rgba(10,14,11,.9);
 --glass:rgba(18,26,20,.8);--glow:rgba(143,212,160,.13);
 --shadow:0 19px 53px rgba(0,0,0,.42);--logo-hue:0deg;--radius:10px;
 --fk-metal:linear-gradient(112deg,#814508 0%,#c2892d 13%,#f8d47e 24%,#fff7d9 35%,#cf9431 43%,#83500d 54%,#fff0b5 64%,#f9d98a 72%,#a86e16 84%,#f5d17a 93%,#88490b 100%);
 --mk-green:#8fd4a0;--mk-green-bright:#b8f5c2;--mk-green-line:rgba(159,204,168,.16);
 --mk-mono:ui-monospace,"Cascadia Mono","SF Mono",Menlo,Consolas,monospace;
}
html[data-theme="milspec"] body{
 background:radial-gradient(ellipse 60% 34% at 86% 0%,rgba(245,199,110,.09),transparent 80%),
 radial-gradient(ellipse 50% 40% at 0% 100%,rgba(143,212,160,.07),transparent 78%),
 linear-gradient(90deg,rgba(159,204,168,.028) 1px,transparent 1px),
 linear-gradient(rgba(159,204,168,.028) 1px,transparent 1px),
 linear-gradient(170deg,#0a0e0b,#10160f 65%,#0a0e0b);
 background-size:auto,auto,36px 36px,36px 36px,auto;
}
html[data-theme="milspec"] body::before{display:none}
html[data-theme="milspec"] ::selection{background:#f5c76e;color:#241608}
/* Header: olive data plate with a liquid-gold hairline. */
html[data-theme="milspec"] .site-header{
 border-bottom-color:rgba(245,199,110,.38);
 box-shadow:inset 0 -1px rgba(184,245,194,.08),0 8px 28px rgba(0,0,0,.3);
}
html[data-theme="milspec"] .site-header::after{
 content:"";display:block;pointer-events:none;position:absolute;left:0;right:0;bottom:-1px;height:2px;
 background:linear-gradient(90deg,transparent 0%,#9a6015 11%,#e0aa3f 26%,#fff6ce 40%,#c5881d 53%,#fff1b2 66%,#b1771b 84%,transparent);
 box-shadow:0 0 12px rgba(244,193,86,.3);
}
/* Wordmark: "FieldKit" one solid Royal Gold, "OS" ivory, matching the store and console. */
html[data-theme="milspec"] .wordmark{color:#f4c766;-webkit-text-fill-color:#f4c766;background:none;text-shadow:none}
html[data-theme="milspec"] .wordmark em{color:#fffaf2;-webkit-text-fill-color:#fffaf2;background:none;text-shadow:none}
/* Mark: the Royal Gold F on obsidian-green glass replaces the blue and gold tiles. */
html:not([data-theme="milspec"]) .brand-icon-milspec{display:none!important}
html[data-theme="milspec"] .site-header .brand-glass{
 box-shadow:0 0 0 1px rgba(255,224,154,.42),0 0 22px rgba(239,174,53,.26);overflow:hidden;
}
html[data-theme="milspec"] .site-header .brand-glass :is(.brand-icon-front,.brand-icon-gold){opacity:0}
html[data-theme="milspec"] .site-header .brand-glass .brand-icon-milspec{
 display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
 margin:0;filter:drop-shadow(0 0 3px rgba(255,193,58,.26))!important;opacity:1;
}
html[data-theme="milspec"] .site-header .brand-glass::after{
 content:"";position:absolute;z-index:3;inset:5px;pointer-events:none;border-radius:9px;
 background:linear-gradient(108deg,transparent 18%,rgba(255,251,218,0) 30%,rgba(255,255,249,.24) 48%,rgba(255,233,157,.05) 55%,transparent 75%);
 transform:translateX(-160%) skewX(-12deg);opacity:.6;
}
@keyframes fk-milspec-glass-sweep{0%,61%,100%{transform:translateX(-170%) skewX(-12deg)}76%{transform:translateX(155%) skewX(-12deg)}}
@media(prefers-reduced-motion:no-preference){
 html[data-theme="milspec"] .site-header .brand-glass::after{animation:fk-milspec-glass-sweep 13s ease-in-out infinite}
}
/* The hardware morph sequence and gentle tilt stay on; only the plate and strokes recolour. */
html[data-theme="milspec"] .site-header .brand-glass .fk-morph-mask{
 background:radial-gradient(ellipse at 24% 9%,rgba(245,199,110,.3),transparent 69%),linear-gradient(145deg,#1f2d22 0%,#0c120d 65%,#213024 100%);
 border-color:rgba(245,199,110,.45);
 box-shadow:inset 0 1px 0 rgba(255,247,216,.22),inset 0 -5px 13px rgba(0,0,0,.3),0 0 11px rgba(245,199,110,.18);
}
html[data-theme="milspec"] .site-header .brand-glass .fk-morph-shape{stroke:#ffe7a6;filter:drop-shadow(0 1px 2px rgba(245,199,110,.45))}
html[data-theme="milspec"] .site-header .brand-glass .fk-morph-shape [fill="#071a2e"]{fill:#0a0e0b}
html[data-theme="milspec"] .site-header .brand-glass .fk-morph-shape :is([fill="#acdfff"],[fill="#accfff"],[fill="#8ac8ff"]){fill:#8fd4a0}
html[data-theme="milspec"] .site-footer .brand{position:relative}
html[data-theme="milspec"] .site-footer .brand>.brand-icon:not(.brand-icon-milspec){visibility:hidden}
html[data-theme="milspec"] .site-footer .brand>.brand-icon-milspec{
 display:block!important;position:absolute;left:0;top:50%;transform:translateY(-50%);
 width:34px;height:34px;filter:drop-shadow(0 0 8px rgba(245,197,101,.28));
}
/* Stencil labels: mono, wide tracking, gold. Readouts and status dots: phosphor green. */
html[data-theme="milspec"] :is(.eyebrow,.panel-title,.pill,.fact,.hero-caption,.foot-copy,.fk-share-trigger){
 font-family:var(--mk-mono);letter-spacing:.08em;
}
html[data-theme="milspec"] :is(.eyebrow,.panel-title){color:#f5cf85;letter-spacing:.16em}
html[data-theme="milspec"] .pill{border-color:rgba(245,199,110,.34);background:rgba(18,26,20,.85);color:#f5cf85;text-transform:uppercase;font-size:11px}
html[data-theme="milspec"] :is(.pill .dot,.fact-mark){color:var(--mk-green-bright)}
html[data-theme="milspec"] .pill .dot{background:var(--mk-green-bright);box-shadow:0 0 8px rgba(184,245,194,.9)}
html[data-theme="milspec"] :is(.hero-caption,.foot-copy,.fact){color:var(--mk-green)}
html[data-theme="milspec"] .hero h1 span,html[data-theme="milspec"] .gradient-text{
 background:none;-webkit-text-fill-color:#f5c76e;color:#f5c76e;
}
/* Liquid-gold primary controls; green-edged secondary controls. */
html[data-theme="milspec"] :is(.button-primary,.fk-shop-cta){
 background:var(--fk-metal);background-size:190% 100%;color:#261804;border-radius:6px;
 border-color:#f7de9d;text-shadow:0 1px rgba(255,250,228,.4);
 box-shadow:inset 0 2px rgba(255,255,241,.62),inset 0 -2px rgba(99,54,7,.24),0 9px 22px rgba(0,0,0,.24),0 0 19px rgba(245,185,62,.18);
 transition:background-position .55s ease,box-shadow .22s ease,transform .22s ease;
}
html[data-theme="milspec"] :is(.button-primary,.fk-shop-cta):hover{
 background-position:100% 0;box-shadow:inset 0 2px rgba(255,255,245,.73),0 10px 30px rgba(0,0,0,.3),0 0 27px rgba(247,202,105,.3);
}
html[data-theme="milspec"] .button:not(.button-primary):not(.fk-shop-cta){
 border-radius:6px;border-color:var(--mk-green-line);background:rgba(18,26,20,.8);color:#e3f0e2;
}
html[data-theme="milspec"] .button:not(.button-primary):not(.fk-shop-cta):hover{border-color:var(--mk-green);color:#fff}
/* Panels: olive glass, green hairline, gold glow on real console captures. */
html[data-theme="milspec"] :is(.glass,.shop-card,.detail-card,.fk-console-next-card,.showcase-browser,.module-card,.feature-panel){
 border-color:var(--mk-green-line);background-color:rgba(18,26,20,.88);border-radius:8px;
 box-shadow:inset 0 1px rgba(184,245,194,.06),0 13px 37px rgba(0,0,0,.28);
}
html[data-theme="milspec"] :is(.hero-console-demo .showcase-browser,.product-tour .tour-image-scroll,.fk-theme-screen-wrap,.fk-console-next-screen){
 border-color:rgba(248,212,134,.52);
 box-shadow:0 0 0 1px rgba(249,209,121,.08),0 0 23px 2px rgba(240,180,58,.13),0 15px 32px rgba(0,0,0,.34);
}
html[data-theme="milspec"] .theme-panel{border-color:rgba(245,199,110,.3)}
.theme-swatch[data-color="milspec"]{background:linear-gradient(120deg,#0a0e0b,#1e2b20 46%,#8fd4a0 52%,#f5c76e 60%,#a66b1d)}
html[data-theme="milspec"] .theme-option[aria-pressed="true"]{border-color:#edc37a;box-shadow:0 0 0 1px rgba(251,213,137,.15)}
html[data-theme="milspec"] :is(a,button,input,select):focus-visible{outline-color:#f4c766}
html[data-theme="milspec"] :is(.hero-console-tab,.hero-console-expand):focus-visible{outline-color:#f4c766}
html[data-theme="milspec"] .site-footer{border-top:1px solid rgba(245,199,110,.3)}
@media(max-width:640px){
 html[data-theme="milspec"] .site-header .brand-glass::after{inset:4px}
 html[data-theme="milspec"] .site-footer .brand>.brand-icon-milspec{width:30px;height:30px}
 html[data-theme="milspec"] .site-header .brand-glass{box-shadow:0 0 0 1px rgba(255,224,154,.19),0 0 10px rgba(239,174,53,.19)}
}
@media(prefers-reduced-motion:reduce){
 html[data-theme="milspec"] .site-header .brand-glass::after{animation:none!important}
 html[data-theme="milspec"] :is(.button-primary,.fk-shop-cta){transition:none!important}
}
@media(forced-colors:active){
 html[data-theme="milspec"] .wordmark,html[data-theme="milspec"] .wordmark em{-webkit-text-fill-color:CanvasText;color:CanvasText;background:none}
 html[data-theme="milspec"] .site-header::after,html[data-theme="milspec"] .site-header .brand-glass::after{display:none}
}