/* WHITEFOX PUBLIC DESIGN SYSTEM RC1 · 2026-10-17
   Explicit public-theme styling only. Do not retheme #wfgcc, WFG market widgets,
   Farm Hub, Forge Hub, admin or third-party SureCart components. */
:root{--wfg-ux-radius:12px;--wfg-ux-radius-sm:9px;--wfg-ux-panel:#0d1625;--wfg-ux-panel-edge:#25354a;--wfg-ux-ui:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
/* Global readable typography and consistent public spacing. Keep existing width tokens. */
:is(.wfg-home-v042,.wfg-public-page,.wfg-generic-product-page,.wfg-features-hub,.wfg-desktop-page,.wfg-addon-showcase,.wfg-goldmaker-page,.wfg-discord-page) {font-family:var(--wfg-ux-ui);font-size:16px;line-height:1.65}
:is(.wfg-home-v042,.wfg-public-page,.wfg-generic-product-page,.wfg-features-hub,.wfg-desktop-page,.wfg-addon-showcase,.wfg-goldmaker-page,.wfg-discord-page) :is(h1,h2,h3,h4){font-family:var(--wfg-ux-ui);text-wrap:balance}
:is(.wfg-home-v042,.wfg-public-page,.wfg-generic-product-page,.wfg-features-hub,.wfg-desktop-page,.wfg-addon-showcase,.wfg-goldmaker-page,.wfg-discord-page) :is(p,li){overflow-wrap:break-word}
:is(.wfg-public-page,.wfg-generic-product-page) :is(.wfg-public-hero,.wfg-page-hero){background-color:#080e18}
:is(.wfg-public-page,.wfg-generic-product-page) :is(.wfg-public-lead,.wfg-page-hero__lead){font-size:clamp(16px,1.25vw,18px);line-height:1.72;color:#a6b3c4}
:is(.wfg-public-page,.wfg-generic-product-page) :is(.wfg-public-section__head,.wfg-section-head){max-width:1050px}
/* Unified UI shapes on public marketing pages; avoid WoW data tables and interactive dashboards. */
:is(.wfg-home-v042,.wfg-public-page,.wfg-generic-product-page,.wfg-features-hub,.wfg-desktop-page,.wfg-addon-showcase) :is(.wfg-plan-card,.wfg-release-card,.wfg-public-card-grid>article,.wfg-public-card-grid>a,.wfg-public-steps article,.wfg-public-status-panel,.wfg-roadmap-card,.wfg-feature-card,.wfg-coming-card,.wfg-features-status,.wfg-features-coming,.wfg-desktop-sidefacts article,.wfg-ecosystem-card,.wfg-ranking-card,.wfg-gutenberg-cards>.wp-block-column>.wp-block-group,.wfg-legal-intro,.wfg-legal-card){border-radius:var(--wfg-ux-radius)!important;box-shadow:none}
:is(.wfg-public-page,.wfg-generic-product-page,.wfg-features-hub,.wfg-desktop-page) :is(.wfg-public-card-grid>article,.wfg-public-card-grid>a,.wfg-release-card,.wfg-roadmap-card,.wfg-feature-card,.wfg-coming-card,.wfg-features-status,.wfg-public-steps article,.wfg-public-status-panel,.wfg-gutenberg-cards>.wp-block-column>.wp-block-group){border-color:var(--wfg-ux-panel-edge);background:linear-gradient(145deg,rgba(15,25,43,.96),rgba(8,14,25,.99))}
:is(.wfg-public-page,.wfg-generic-product-page,.wfg-features-hub,.wfg-desktop-page) :is(.wfg-public-card-grid>article,.wfg-public-card-grid>a,.wfg-release-card,.wfg-roadmap-card,.wfg-feature-card,.wfg-public-steps article){min-width:0}
/* Buttons: all public entry points look related and have visible keyboard focus. */
:is(.wfg-home-v042,.wfg-public-page,.wfg-generic-product-page,.wfg-features-hub,.wfg-desktop-page,.wfg-addon-showcase) :is(.wfg-btn,.wfg-public-btn,.wfg-plan-button,.wfg-desktop-btn,.wfg-addon-btn,.wp-block-button__link){border-radius:var(--wfg-ux-radius-sm)!important;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--wfg-ux-ui);font-size:14px;font-weight:700;line-height:1.3;letter-spacing:0;text-align:center;text-decoration:none}
:is(.wfg-home-v042,.wfg-public-page,.wfg-generic-product-page,.wfg-features-hub,.wfg-desktop-page,.wfg-addon-showcase) :is(.wfg-btn,.wfg-public-btn,.wfg-plan-button,.wfg-desktop-btn,.wfg-addon-btn,.wp-block-button__link):focus-visible{outline:3px solid #f2ce73;outline-offset:3px}
.wfg-membership-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1140px;margin-inline:auto}
.wfg-membership-grid--two>.wfg-plan-card{border-radius:var(--wfg-ux-radius)}
.wfg-membership-grid--two .wfg-plan-button{margin-top:auto}
/* Conventional forms on regular WordPress pages; do not touch application forms. */
.wfg-generic-product-page .wfg-entry-content :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){max-width:100%;min-height:44px;padding:10px 13px;border:1px solid var(--wfg-ux-panel-edge);border-radius:var(--wfg-ux-radius-sm);background:#0b1422;color:#e2e6ed;font:inherit}
.wfg-generic-product-page .wfg-entry-content :is(input,select,textarea):focus-visible{outline:2px solid #e3b34c;outline-offset:2px}
/* Gutenberg content pages: keep wider layout established in legal-footer.css. */
.wfg-generic-product-page>.wfg-entry-content>.wp-block-columns.alignwide{max-width:1380px;gap:20px}
.wfg-generic-product-page>.wfg-entry-content :is(.is-style-wfg-data-panel,.is-style-wfg-callout-gold){border-radius:var(--wfg-ux-radius);padding:clamp(20px,2.2vw,30px)}
.wfg-generic-product-page>.wfg-entry-content :is(h2,h3){letter-spacing:-.025em}
.wfg-generic-product-page>.wfg-entry-content :is(.wfg-legal-intro,.wfg-legal-card){border-color:var(--wfg-ux-panel-edge)}
/* Onboarding page: broad hero + easily scanned, four-step flow. */
.wfg-ux-start .wfg-public-hero{padding-top:148px;padding-bottom:74px}
.wfg-ux-start-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:clamp(26px,5vw,74px);align-items:center}
.wfg-ux-start-hero h1{max-width:940px;font-size:clamp(42px,5vw,72px);letter-spacing:-.045em;line-height:1.08}
.wfg-ux-start-summary{padding:25px;border:1px solid var(--wfg-ux-panel-edge);border-radius:var(--wfg-ux-radius);background:linear-gradient(145deg,#111f33,#09111d);box-shadow:0 25px 70px rgba(0,0,0,.15)}
.wfg-ux-start-summary ol{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:0}
.wfg-ux-start-summary li{display:grid;grid-template-columns:42px 1fr;column-gap:12px;padding:14px 0;border-bottom:1px solid var(--wfg-ux-panel-edge)}
.wfg-ux-start-summary li:last-child{border-bottom:0}
.wfg-ux-start-summary li>span{grid-row:span 2;display:grid;place-items:center;height:36px;width:36px;border-radius:9px;background:rgba(227,179,76,.09);color:#f2ce73;font-size:12px;font-weight:800}
.wfg-ux-start-summary li>b{color:#f0f4f9;font-size:15px}
.wfg-ux-start-summary li>small{color:#a0aec2;font-size:12px}
.wfg-ux-start-tokens{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}
.wfg-ux-start-tokens span,.wfg-ux-mode__kicker,.wfg-ux-plan__eyebrow,.wfg-ux-start-step__label{color:#e3b34c;font-size:11px;font-weight:750;letter-spacing:.095em;text-transform:uppercase}
.wfg-ux-start-tokens span{padding:6px 9px;border:1px solid #324259;border-radius:8px}
.wfg-ux-start-steps{display:grid;gap:16px;max-width:1280px}
.wfg-ux-start-step{display:grid;grid-template-columns:66px minmax(0,1fr);gap:22px;padding:clamp(20px,2.7vw,34px);background:linear-gradient(125deg,#111e30,#0a1321);border:1px solid var(--wfg-ux-panel-edge);border-radius:var(--wfg-ux-radius)}
.wfg-ux-start-step__num{display:grid;place-items:center;height:60px;width:60px;border:1px solid #6c542f;border-radius:14px;color:#f2ce73;background:rgba(227,179,76,.07);font-size:23px;font-weight:800}
.wfg-ux-start-step h3{margin:6px 0 12px;color:#f0f4f9;font-size:clamp(24px,2.3vw,31px);letter-spacing:-.032em}
.wfg-ux-start-step p{max-width:950px;margin:0;color:#aab8ca;font-size:15px;line-height:1.75}
.wfg-ux-step-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:22px}
.wfg-ux-inline-link{font-size:14px;font-weight:700;color:#e3b34c;text-decoration:underline;text-underline-offset:4px}
.wfg-ux-step-note{font-size:13px;color:#94a3b8}
.wfg-ux-start-step code{font-size:.9em;padding:3px 7px;border:1px solid #344155;border-radius:5px;overflow-wrap:anywhere;background:#050c17;color:#f5d99b}
.wfg-ux-step-checks{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.wfg-ux-step-checks span{padding:7px 10px;border:1px solid #284f48;border-radius:8px;color:#a4ebd4;font-size:12px}
.wfg-ux-mode-grid,.wfg-ux-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.wfg-ux-mode,.wfg-ux-plan{display:flex;flex-direction:column;min-width:0;padding:clamp(21px,2.8vw,34px);border:1px solid var(--wfg-ux-panel-edge);border-radius:var(--wfg-ux-radius);background:linear-gradient(145deg,#101c2c,#08111d)}
.wfg-ux-mode.is-complete,.wfg-ux-plan.is-supporter{border-color:rgba(227,179,76,.48);background:linear-gradient(145deg,#172231,#0b1321)}
.wfg-ux-mode h3,.wfg-ux-plan h3{margin:14px 0 8px;font-size:clamp(24px,2.3vw,32px);color:#f2f5fb;letter-spacing:-.03em}
.wfg-ux-mode p{margin:0;color:#aebbc9;font-size:15px}
.wfg-ux-mode ul,.wfg-ux-plan ul{list-style:none;padding:0;margin:20px 0 26px;display:grid;gap:11px}
.wfg-ux-mode li,.wfg-ux-plan li{position:relative;padding-left:24px;color:#b8c3d2;font-size:14px;line-height:1.65}
.wfg-ux-mode li:before,.wfg-ux-plan li:before{content:'✓';position:absolute;left:0;color:#e3b34c;font-weight:800}
.wfg-ux-mode>.wfg-public-btn,.wfg-ux-plan>.wfg-public-btn{margin-top:auto;align-self:flex-start}
.wfg-ux-plan__price{margin:8px 0 0;color:#f3d68f;font-size:35px;font-weight:800;letter-spacing:-.04em}
.wfg-ux-plan__price small{font-size:15px;font-weight:600;letter-spacing:0;color:#bac6d5}
.wfg-ux-smallprint{max-width:1020px;margin-top:20px;font-size:13px;color:#a6b3c2}
.wfg-ux-membership .wfg-public-section{padding-block:84px}
@media(max-width:1020px){.wfg-ux-start-hero__grid{grid-template-columns:1fr}.wfg-ux-start-summary{max-width:700px}}
@media(max-width:760px){.wfg-membership-grid--two,.wfg-ux-mode-grid,.wfg-ux-plan-grid{grid-template-columns:1fr}.wfg-ux-start .wfg-public-hero{padding-top:122px}.wfg-ux-start-step{grid-template-columns:1fr;gap:13px}.wfg-ux-start-step__num{width:52px;height:52px;font-size:20px}.wfg-ux-start-summary{padding:20px}.wfg-ux-membership .wfg-public-section{padding-block:62px}.wfg-ux-mode>.wfg-public-btn,.wfg-ux-plan>.wfg-public-btn{align-self:stretch}}
@media(max-width:420px){.wfg-ux-start-summary li{grid-template-columns:36px 1fr;column-gap:8px}.wfg-ux-start-hero h1{font-size:40px}.wfg-ux-start-step{padding:19px}.wfg-ux-start-step .wfg-public-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.wfg-ux-start *{scroll-behavior:auto!important}}

/* Feature hub follows the same onboarding conversion path. */
.wfg-ux-features-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:58px 0 25px;padding:26px 30px;border:1px solid rgba(227,179,76,.4);border-radius:var(--wfg-ux-radius);background:linear-gradient(125deg,#152236,#0b1321)}
.wfg-ux-features-cta h2{margin:10px 0 0;color:#f4f7fa;font-size:clamp(24px,2.3vw,32px)}
.wfg-ux-features-cta p:not(.wfg-section-label){margin:7px 0 0;color:#b5c2d3;font-size:14px}
@media(max-width:760px){.wfg-ux-features-cta{flex-direction:column;align-items:stretch;padding:22px}.wfg-ux-features-cta>.wfg-public-btn{width:100%}}