/* SOZYBUY 场景选品 · v3.0-scene-selection · light appearance */
:root {
  /* Current visual: references/scene-selection-v3/a-pc-home.png. Logo supplies hue family only. */
  --sz-sky-50: #f4fbff;
  --sz-sky-100: #e4f7ff;
  --sz-sky-200: #bfeaff;
  --sz-sky-500: #46b9e8;
  --sz-sky-600: #d9f3ff;
  --sz-sky-700: #c5edff;
  --sz-sky-800: #aee3fa;
  --sz-navy-700: #294c5e;
  /* Legacy variable names are compatibility-only; do not infer old orange/navy styling. */

  --sz-orange-50: var(--sz-sky-50);
  --sz-orange-100: var(--sz-sky-100);
  --sz-orange-200: var(--sz-sky-200);
  --sz-orange-500: var(--sz-sky-500);
  --sz-orange-600: var(--sz-sky-600);
  --sz-orange-700: var(--sz-sky-700);
  --sz-orange-800: var(--sz-sky-800);
  --sz-neutral-0: #ffffff;
  --sz-neutral-25: #fbfdfe;
  --sz-neutral-50: #f8fbfd;
  --sz-neutral-100: #eef3f6;
  --sz-neutral-200: #e5ecef;
  --sz-neutral-400: #93a6b2;
  --sz-neutral-500: #64757e;
  --sz-neutral-600: #536675;
  --sz-neutral-900: #293b45;
  --sz-green-50: #edf8f1;
  --sz-green-700: #187345;
  --sz-amber-50: #fff6e5;
  --sz-amber-800: #895000;
  --sz-red-50: #fff0ed;
  --sz-red-700: #b42318;
  --sz-blue-50: #eaf7ff;
  --sz-blue-700: #22769a;
  --sz-space-1: 4px;
  --sz-space-2: 8px;
  --sz-space-3: 12px;
  --sz-space-4: 16px;
  --sz-space-5: 20px;
  --sz-space-6: 24px;
  --sz-space-8: 32px;
  --sz-space-10: 40px;
  --sz-space-12: 48px;
  --sz-radius-1: 4px;
  --sz-radius-2: 6px;
  --sz-radius-3: 8px;
  --sz-radius-4: 12px;
  --sz-radius-5: 16px;
  --sz-font-ui: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "Segoe UI", sans-serif;
  --sz-type-caption: 12px;
  --sz-type-small: 13px;
  --sz-type-body: 14px;
  --sz-commerce-ink: #293b45;
  --sz-commerce-muted: #64757e;
  --sz-commerce-price: #294d60;
  --sz-commerce-brand-text: #173b4b;
  --sz-commerce-photo-radius: 5px;
  --sz-commerce-content-width: 1280px;
  --sz-type-mobile: 16px;
  --sz-type-subtitle: 18px;
  --sz-type-title: 24px;
  --sz-type-display: 40px;
  --sz-duration: 160ms;
  --sz-motion-ease: cubic-bezier(.2, 0, .2, 1);
  --sz-shadow-overlay: 0 8px 28px rgb(42 57 69 / 10%);

  --sz-brand: var(--sz-sky-500);
  --sz-brand-hover: #66c8ed;
  --sz-brand-wash: #dcf5ff;
  --sz-action: var(--sz-sky-600);
  --sz-action-hover: var(--sz-sky-700);
  --sz-action-pressed: var(--sz-sky-800);
  --sz-action-text: #203f50;
  --sz-link: #217596;
  --sz-surface: var(--sz-neutral-0);
  --sz-page: var(--sz-neutral-50);
  --sz-subtle: var(--sz-neutral-25);
  --sz-border: var(--sz-neutral-200);
  --sz-control-border: var(--sz-neutral-400);
  --sz-text: var(--sz-neutral-900);
  --sz-text-secondary: var(--sz-neutral-600);
  --sz-text-muted: var(--sz-neutral-500);
  --sz-selected-bg: var(--sz-sky-100);
  --sz-selected-text: #294c5e;
  --sz-success: var(--sz-green-700);
  --sz-success-bg: var(--sz-green-50);
  --sz-warning: var(--sz-amber-800);
  --sz-warning-bg: var(--sz-amber-50);
  --sz-danger: var(--sz-red-700);
  --sz-danger-bg: var(--sz-red-50);
  --sz-info: var(--sz-blue-700);
  --sz-info-bg: var(--sz-blue-50);
  --sz-focus: #22769a;
  --sz-disabled-bg: var(--sz-neutral-100);
  --sz-disabled-text: var(--sz-neutral-500);

  --sz-family-body: var(--sz-type-body);
  --sz-family-control-height: 40px;
  --sz-family-control-radius: var(--sz-radius-2);
  --sz-family-panel-radius: var(--sz-radius-3);
  --sz-family-panel-padding: var(--sz-space-6);
  --sz-family-row-height: 52px;

  --sz-button-bg: var(--sz-action);
  --sz-button-text: var(--sz-action-text);
  --sz-button-radius: var(--sz-family-control-radius);
  --sz-input-height: var(--sz-family-control-height);
  --sz-input-radius: var(--sz-family-control-radius);
  --sz-row-height: var(--sz-family-row-height);
}
[data-sz-family="commerce"] {
  --sz-family-control-height: 44px;
  --sz-family-control-radius: 5px;
  --sz-family-panel-radius: 5px;
  --sz-family-panel-padding: var(--sz-space-6);
  --sz-family-row-height: 72px;
}
[data-sz-family="operations"] {
  --sz-family-control-height: 40px;
  --sz-family-control-radius: var(--sz-radius-2);
  --sz-family-panel-radius: var(--sz-radius-3);
  --sz-family-panel-padding: var(--sz-space-6);
  --sz-family-row-height: 52px;
}
[data-sz-family="warehouse"] {
  --sz-family-body: var(--sz-type-mobile);
  --sz-family-control-height: 56px;
  --sz-family-control-radius: var(--sz-radius-2);
  --sz-family-panel-radius: var(--sz-radius-3);
  --sz-family-panel-padding: var(--sz-space-4);
  --sz-family-row-height: 64px;
}
[data-sz-device="mobile"] {
  --sz-family-body: var(--sz-type-mobile);
  --sz-family-control-height: 48px;
  --sz-family-panel-padding: var(--sz-space-4);
}
[data-sz-family="warehouse"][data-sz-device="mobile"] {
  --sz-family-control-height: 56px;
}
[data-sz-family="operations"][data-sz-density="compact"] {
  --sz-family-row-height: 44px;
}
[data-sz-family="operations"][data-sz-device="mobile"][data-sz-density="compact"] {
  --sz-family-row-height: 52px;
}
/* Component aliases are bound on each family surface, so family inheritance stays live. */
[data-sz-family] {
  --sz-button-radius: var(--sz-family-control-radius);
  --sz-input-height: var(--sz-family-control-height);
  --sz-input-radius: var(--sz-family-control-radius);
  --sz-row-height: var(--sz-family-row-height);
}
@media (prefers-reduced-motion: reduce) {
  :root { --sz-duration: 0ms; }
}