:root{
  /* Mist silver: neutral surfaces, landing orange and quiet orbital light. */
  --sf-canvas:#e9ebee;
  --sf-surface:#f6f7f8;
  --sf-surface-raised:#fff;
  --sf-surface-alt:#eceff1;
  --sf-orbit:#627b93;
  --sf-orbit-soft:rgba(98,123,147,.1);
  --sf-action-soft:rgba(230,111,67,.1);
  --sf-surface-warm:#fdefea;
  --sf-ink:#24282d;
  --sf-ink-soft:#4d535b;
  --sf-muted:#5d6670;
  --sf-faint:#6f7781;
  --sf-catalog-text:#24282d;
  --sf-catalog-muted:#5d6670;
  --sf-line:#cbd2d8;
  --sf-line-strong:#aeb8c1;
  --sf-control-border:#aeb8c1;
  --sf-primary:#24282d;
  --sf-on-primary:#fff;
  --sf-primary-soft:#f0f2f5;
  --sf-brand:#e66f43;
  --sf-cta-start:#f0bea4;
  --sf-cta-mid:#e2acc4;
  --sf-cta-end:#bdb5dc;
  --sf-cta-text:#493f4c;
  --sf-action:var(--sf-brand);
  --sf-action-hover:#d95f36;
  --sf-action-button:var(--sf-brand);
  --sf-action-button-hover:#d95f36;
  --sf-action-text:#b74420;
  --sf-glass-surface:rgba(246,247,248,.72);
  --sf-glass-border:rgba(255,255,255,.72);
  --sf-glass-shadow:var(--sf-shadow),inset 0 1px 0 rgba(255,255,255,.42);
  --sf-glass-blur:16px;
  --sf-glass-saturate:120%;
  --sf-catalog-head-surface:#eff1f3;
  --sf-catalog-row-line:rgba(174,184,193,.42);
  --sf-floating-shadow:0 22px 54px rgba(35,42,55,.1),inset 0 1px 0 rgba(255,255,255,.46);
  --sf-catalog-shadow:0 24px 60px rgba(35,42,55,.14),inset 0 1px 0 rgba(255,255,255,.38);
  --sf-observatory-surface:radial-gradient(80% 70% at 50% 0,rgba(255,255,255,.32),transparent 72%),#f3f5f6;
  --sf-observatory-rim:linear-gradient(90deg,transparent,rgba(255,255,255,.68) 50%,transparent);
  --sf-notice-scene-surface:radial-gradient(65% 110% at 78% 46%,var(--sf-orbit-soft),transparent 68%),#f3f5f6;
  --sf-notice-scrim:linear-gradient(90deg,#f3f5f6 0%,rgba(243,245,246,.94) 48%,rgba(243,245,246,.35) 100%),#f3f5f6;
  --sf-inset-shadow:inset 0 1px 3px rgba(35,42,55,.08);
  --sf-row-hover:rgba(98,123,147,.055);
  --sf-category-surface:radial-gradient(100% 58% at 50% 0,rgba(255,255,255,.36),transparent 76%),rgba(255,255,255,.32);
  --sf-focus:#34756f;
  --sf-success:#39745a;
  --sf-success-soft:#e8f2eb;
  --sf-success-border:#d2e5d8;
  --sf-warning:#80611f;
  --sf-warning-soft:#f6efdf;
  --sf-warning-border:#e8d9b8;
  --sf-review:#705800;
  --sf-review-soft:#fff3a3;
  --sf-danger:#8c3d36;
  --sf-danger-soft:#f4e4e1;
  --sf-danger-border:#e8c9c5;
  --sf-info:#426f91;
  --sf-info-soft:#e8f0f4;
  --sf-info-border:#d3e0e8;
  --sf-warm-border:#efd1c4;
  --sf-warm-border-strong:#efc5b6;
  --sf-cyan-border:#d2e5e0;
  --sf-cyan-surface:#e6f1ee;
  --sf-cyan-ink:#386f6a;
  --sf-purple-border:#dfdeeb;
  --sf-purple-surface:#efeff6;
  --sf-purple-ink:#625b83;
  --sf-pink-border:#ecd4dd;
  --sf-pink-surface:#f8eaf0;
  --sf-pink-ink:#94526b;
  --sf-media:#eff1f4;
  --sf-sidebar-surface:#fafafa;
  --sf-overlay:rgba(0,0,0,.35);
  --sf-header-bg:rgba(226,229,232,.62);
  --sf-header-text:#26282c;
  --sf-header-muted:rgba(38,40,44,.62);
  --sf-header-border:rgba(255,255,255,.32);
  --sf-header-hover:rgba(38,40,44,.06);
  --sf-header-descriptor-bg:rgba(255,255,255,.28);
  --sf-header-descriptor-border:rgba(38,40,44,.12);
  --sf-font:'Noto Sans SC',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;
  --sf-font-legacy:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;
  --sf-font-brand:'Zilla Slab','Noto Serif SC','Songti SC',serif;
  --sf-shadow-header:inset 0 1px 0 rgba(255,255,255,.12),0 12px 36px rgba(0,0,0,.12);
  --sf-mono:ui-monospace,SFMono-Regular,Consolas,monospace;
  --sf-text-xs:.75rem;
  --sf-text-sm:.875rem;
  --sf-text-base:1rem;
  --sf-text-md:1.125rem;
  --sf-text-lg:1.375rem;
  --sf-text-xl:1.75rem;
  --sf-text-2xl:2rem;
  --sf-text-action:.875rem;
  --sf-text-action-sm:.8125rem;
  --sf-text-action-lg:1rem;
  --sf-on-action:#fff;
  --sf-on-danger:#fff;
  --sf-weight-normal:400;
  --sf-weight-medium:500;
  --sf-weight-semibold:600;
  --sf-weight-bold:700;
  --sf-leading-tight:1.35;
  --sf-leading:1.6;
  --sf-leading-relaxed:1.75;
  --sf-space-1:4px;
  --sf-space-2:8px;
  --sf-space-3:12px;
  --sf-space-4:16px;
  --sf-space-5:20px;
  --sf-space-6:24px;
  --sf-space-7:32px;
  --sf-space-8:40px;
  --sf-space-9:48px;
  --sf-radius-sm:6px;
  --sf-radius:10px;
  --sf-radius-lg:14px;
  --sf-radius-sheet:16px;
  --sf-shadow:0 4px 12px rgba(35,42,55,.045);
  --sf-shadow-overlay:0 16px 40px rgba(35,42,55,.16);
  --sf-highlight:inset 0 1px 0 rgba(255,255,255,.85);
  --sf-ease:cubic-bezier(.22,1,.36,1);
  --sf-fast:120ms;
  --sf-normal:240ms;
  --sf-content:1520px;
  --sf-sidebar:220px;
  --sf-buy-panel:400px;
  --sf-z-header:100;
  --sf-z-dropdown:200;
  --sf-z-sheet:300;
}

:root[data-theme='night']{
  --sf-canvas:#0c0d0f;
  --sf-surface:#1b1d20;
  --sf-surface-raised:#22262a;
  --sf-surface-alt:#22262a;
  --sf-orbit:#91b8d7;
  --sf-orbit-soft:rgba(145,184,215,.12);
  --sf-action-soft:rgba(230,111,67,.13);
  --sf-surface-warm:#2b211d;
  --sf-ink:#f4f5f3;
  --sf-ink-soft:#d4d8dd;
  --sf-muted:#b8bcc0;
  --sf-faint:#9299a1;
  --sf-catalog-text:#f4f5f3;
  --sf-catalog-muted:#b8bcc0;
  --sf-line:#30353b;
  --sf-line-strong:#414850;
  --sf-control-border:#4a535d;
  --sf-primary:#f4f5f3;
  --sf-on-primary:#24282d;
  --sf-primary-soft:#22262a;
  --sf-action-text:#f0a58c;
  --sf-glass-surface:rgba(27,29,32,.78);
  --sf-glass-border:rgba(255,255,255,.09);
  --sf-glass-shadow:var(--sf-shadow),inset 0 1px 0 rgba(255,255,255,.05);
  --sf-glass-blur:18px;
  --sf-glass-saturate:120%;
  --sf-catalog-head-surface:#202326;
  --sf-catalog-row-line:rgba(255,255,255,.055);
  --sf-floating-shadow:0 26px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035);
  --sf-catalog-shadow:0 26px 72px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.045);
  --sf-observatory-surface:radial-gradient(80% 70% at 50% 0,rgba(255,255,255,.035),transparent 72%),#111315;
  --sf-observatory-rim:linear-gradient(90deg,transparent,rgba(255,255,255,.22) 50%,transparent);
  --sf-notice-scene-surface:radial-gradient(65% 110% at 78% 46%,var(--sf-orbit-soft),transparent 68%),#101315;
  --sf-notice-scrim:linear-gradient(90deg,#101315 0%,rgba(16,19,21,.94) 48%,rgba(16,19,21,.35) 100%),#101315;
  --sf-inset-shadow:inset 0 1px 4px rgba(0,0,0,.32);
  --sf-row-hover:rgba(255,255,255,.012);
  --sf-category-surface:radial-gradient(100% 58% at 50% 0,rgba(255,255,255,.035),transparent 76%),rgba(255,255,255,.018);
  --sf-focus:#7da7ff;
  --sf-success:#79c9a2;
  --sf-success-soft:#18352a;
  --sf-success-border:#285c46;
  --sf-warning:#e0b96a;
  --sf-warning-soft:#332b1b;
  --sf-warning-border:#665126;
  --sf-review:#f6df4d;
  --sf-review-soft:#3f370d;
  --sf-danger:#e39a91;
  --sf-danger-soft:#39211f;
  --sf-danger-border:#6c3934;
  --sf-info:#91b8d7;
  --sf-info-soft:#1b2b38;
  --sf-info-border:#365168;
  --sf-warm-border:#694031;
  --sf-warm-border-strong:#87503a;
  --sf-cyan-border:#31544f;
  --sf-cyan-surface:#172c29;
  --sf-cyan-ink:#8ccfc0;
  --sf-purple-border:#49435f;
  --sf-purple-surface:#252233;
  --sf-purple-ink:#c0b5e3;
  --sf-pink-border:#5e3c4c;
  --sf-pink-surface:#302027;
  --sf-pink-ink:#e5a7c1;
  --sf-media:#f4f5f3;
  --sf-sidebar-surface:#171a1d;
  --sf-overlay:rgba(0,0,0,.55);
  --sf-shadow:0 8px 24px rgba(0,0,0,.28);
  --sf-shadow-overlay:0 18px 44px rgba(0,0,0,.34);
  --sf-highlight:inset 0 1px 0 rgba(255,255,255,.08);
  --sf-header-bg:rgba(48,50,54,.62);
  --sf-header-text:#f4f5f3;
  --sf-header-muted:rgba(255,255,255,.68);
  --sf-header-border:rgba(255,255,255,.1);
  --sf-header-hover:rgba(255,255,255,.08);
  --sf-header-descriptor-bg:rgba(255,255,255,.06);
  --sf-header-descriptor-border:rgba(255,255,255,.18);
  --sf-cta-start:#e9835c;
  --sf-cta-mid:#dd6f89;
  --sf-cta-end:#8c79c8;
  --sf-cta-text:#fff;
  --sf-on-danger:#24282d;
  --sf-shadow-header:inset 0 1px 0 rgba(255,255,255,.1),0 12px 36px rgba(0,0,0,.24);
}