/* Systemtech Reference UI — DEV28 WIP4 design-system lock. */
.systemtech-reference-ui-v1 {
  --st-color-navy-950: #061526;
  --st-color-primary: #0b1f3b;
  --st-color-primary-soft: #123455;
  --st-color-accent: #007bff;
  --st-color-accent-hover: #006ee6;
  --st-color-action: #006ee6;
  --st-color-action-hover: #005fc7;
  --st-color-link: #0067d5;
  --st-color-cyan: #00d4c6;
  --st-color-ink: #111827;
  --st-color-text: #33445a;
  --st-color-muted: #52647a;
  --st-color-placeholder: #5f7187;
  --st-color-surface: #ffffff;
  --st-color-soft: #f4f7fb;
  --st-color-soft-blue: #eef6ff;
  --st-color-line: #dce5ef;
  --st-color-success: #16b364;
  --st-color-warning: #f59e0b;
  --st-color-danger: #d92d20;
  --st-card-border: #d7e2ec;
  --st-card-border-hover: #a9caeb;
  --st-field-border: #c5d3e0;
  --st-field-background: #fbfdff;
  --st-font-sans: var(--wp--preset--font-family--systemtech-sans, Montserrat, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --st-container-storefront: 1440px;
  --st-container-commerce: 1320px;
  --st-content-readable: 980px;
  --st-page-inset: 48px;
  --st-sidebar-width: 248px;
  --st-space-1: 4px;
  --st-space-2: 8px;
  --st-space-3: 12px;
  --st-space-4: 16px;
  --st-space-5: 20px;
  --st-space-6: 24px;
  --st-space-8: 32px;
  --st-space-10: 40px;
  --st-space-12: 48px;
  --st-radius-control: 5px;
  --st-radius-card: 9px;
  --st-radius-panel: 10px;
  --st-control-height: 44px;
  --st-control-height-lg: 52px;
  --st-field-height: 46px;
  --st-gradient-navy: linear-gradient(115deg,#061526 0%,#0b2543 62%,#123455 100%);
  --st-gradient-action: linear-gradient(120deg,#006ee6 0%,#005fc7 100%);
  --st-gradient-action-hover: linear-gradient(120deg,#005fc7 0%,#004fa9 100%);
  --st-gradient-light: linear-gradient(145deg,#eef6ff 0%,#ffffff 78%);
  --st-gradient-card-media: radial-gradient(ellipse at 82% 15%,rgb(35 131 245 / 10%) 0%,transparent 60%),linear-gradient(155deg,#eef5fc 0%,#ffffff 78%);
  --st-gradient-section: linear-gradient(180deg,#ffffff 0%,#f2f7fc 100%);
  --st-gradient-panel: linear-gradient(125deg,#f4f9ff 0%,#ffffff 65%,#f1f7fe 100%);
  --st-gradient-hero-glow: radial-gradient(ellipse at 83% 17%,rgb(0 136 255 / 24%) 0%,transparent 55%);
  --st-color-premium-border: #cadceb;
  --st-card-media-divider: #e2edf7;
  --st-shadow-card: 0 7px 24px rgb(11 31 59 / 9%);
  --st-shadow-product-card: 0 5px 18px rgb(11 31 59 / 10%),0 1px 3px rgb(11 31 59 / 4%);
  --st-shadow-hover: 0 15px 34px rgb(11 31 59 / 15%),0 3px 12px rgb(6 64 114 / 7%);
  --st-header-utility-height: 30px;
  --st-header-main-height: 74px;
  --st-header-nav-height: 46px;
  --st-sticky-content-offset: calc(var(--wp-admin--admin-bar--height, 0px) + var(--st-header-main-height) + var(--st-header-nav-height) + 18px);
  --st-focus-ring: 0 0 0 3px rgb(0 123 255 / 28%);
  --st-transition-fast: 150ms ease;
  --st-touch-target: 44px;
}