/* FieldKitOS / Royal Liquid Gold — matches original console/Shopify gold chrome.
   It is a selectable palette, not a screenshot filter, subscription capability,
   new navbar or second brand. All original screenshots remain unaltered. */
html[data-theme="gold"]{
 color-scheme:dark;
 --bg:#100c09;--bg2:#1b140e;
 --panel:#21190f;--panel2:#2c2014;
 --text:#f8f3e9;--muted:#d1c0a5;--subtle:#af9673;
 --line:rgba(245,201,115,.27);--accent:#f5c76e;--accent2:#a66b1d;
 --accent-text:#241608;--header:rgba(21,14,8,.91);
 --glass:rgba(37,27,16,.78);--glow:rgba(239,173,58,.16);
 --shadow:0 19px 53px rgba(0,0,0,.37);--logo-hue:0deg;
 --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%);
}
html[data-theme="gold"] body{
 background:radial-gradient(ellipse 65% 36% at 86% 1%,rgba(237,178,57,.125),transparent 83%),
 linear-gradient(90deg,rgba(246,205,116,.024) 1px,transparent 1px),
 linear-gradient(rgba(246,205,116,.024) 1px,transparent 1px),
 linear-gradient(170deg,#100c09,#1b140e 65%,#100c09);
 background-size:auto,40px 40px,40px 40px,auto;
}
html[data-theme="gold"] .site-header{
 border-bottom-color:rgba(245,199,107,.43);
 box-shadow:0 8px 28px rgba(0,0,0,.23);
}
html[data-theme="gold"] .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,.34);
}
html[data-theme="gold"] .wordmark{color:#f6f0e4;text-shadow:0 1px rgba(0,0,0,.2)}
/* The OS letters are WHITE, not the gold accent. Preserve existing name/spacing. */
html[data-theme="gold"] .wordmark em{color:#fffaf2;-webkit-text-fill-color:#fffaf2;background:none;text-shadow:none}
html[data-theme="gold"] .site-header .brand-glass{
 box-shadow:0 0 0 1px rgba(255,224,154,.29),0 0 21px rgba(239,174,53,.24);
 overflow:hidden;
}
html[data-theme="gold"] .site-header .brand-glass .brand-icon-front{opacity:0}
html:not([data-theme="gold"]) .brand-icon-gold{display:none!important}
html[data-theme="gold"] .site-header .brand-glass .brand-icon-gold{
 display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
 margin:0;filter:none!important;opacity:1;
}
html[data-theme="gold"] .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,.26) 48%,rgba(255,233,157,.05) 55%,transparent 75%);
 transform:translateX(-160%) skewX(-12deg);opacity:.62;
}
@keyframes fk-gold-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="gold"] .site-header .brand-glass::after{animation:fk-gold-glass-sweep 13s ease-in-out infinite}
}
/* Do not show blue hardware morphs over the gold glass F. */
html[data-theme="gold"] .site-header .brand-glass .fk-morph-mask,
html[data-theme="gold"] .site-header .brand-glass .fk-morph-shape{display:none!important;animation:none!important}
html[data-theme="gold"] .site-footer .brand{position:relative}
html[data-theme="gold"] .site-footer .brand>.brand-icon:not(.brand-icon-gold){visibility:hidden}
html[data-theme="gold"] .site-footer .brand>.brand-icon-gold{
 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,.17));
}
html[data-theme="gold"] :is(.button-primary,.fk-shop-cta){
 background:var(--fk-metal);background-size:190% 100%;color:#261804;
 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,.2),0 0 19px rgba(245,185,62,.19);
 transition:background-position .55s ease,box-shadow .22s ease,transform .22s ease;
}
html[data-theme="gold"] :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,.27),0 0 27px rgba(247,202,105,.30);
}
html[data-theme="gold"] :is(.glass,.shop-card,.detail-card,.fk-console-next-card,.showcase-browser){
 border-color:rgba(248,205,117,.35);
 background-color:rgba(35,25,15,.87);
 box-shadow:inset 0 1px rgba(255,247,216,.08),0 13px 37px rgba(0,0,0,.23);
}
html[data-theme="gold"] :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,.58);
 box-shadow:0 0 0 1px rgba(249,209,121,.09),0 0 23px 2px rgba(240,180,58,.15),
 0 15px 32px rgba(0,0,0,.32);
}
/* The UI frame changes colour; photographic/screenshots pixels never do. */
.theme-swatch[data-color="gold"]{background:linear-gradient(120deg,#30200c,#9f621a 26%,#fff0b4 50%,#d69727 73%,#251b0d)}
html[data-theme="gold"] .eyebrow,html[data-theme="gold"] .panel-title{color:#f5cf85}
html[data-theme="gold"] .theme-option[aria-pressed="true"]{border-color:#edc37a;box-shadow:0 0 0 1px rgba(251,213,137,.15)}
@media(max-width:640px){
 html[data-theme="gold"] .site-header .brand-glass::after{inset:4px}
 html[data-theme="gold"] .site-footer .brand>.brand-icon-gold{width:30px;height:30px}
 html[data-theme="gold"] .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="gold"] .site-header .brand-glass::after{animation:none!important}
 html[data-theme="gold"] :is(.button-primary,.fk-shop-cta){transition:none!important}
}
@media(forced-colors:active){
 html[data-theme="gold"] .wordmark em{-webkit-text-fill-color:CanvasText;color:CanvasText}
 html[data-theme="gold"] .site-header::after{display:none}
}