/* 全站展示主题：爱马仕橙为行动主线，高级奶油白为内容底色。仅覆盖视觉令牌，不改变业务逻辑。 */
:root {
  --hermes-orange: #ee6c24;
  --hermes-orange-deep: #c94d14;
  --hermes-orange-soft: #ffe1c9;
  --cream-50: #fffaf3;
  --cream-100: #fff5e8;
  --cream-200: #f9ead8;
  --cocoa-900: #583523;
  --cocoa-700: #76513b;
  --cocoa-500: #9b7964;
}

body { background: var(--cream-100); color: var(--cocoa-900); }

.prototype {
  --paper: var(--cream-100);
  --white: var(--cream-50);
  --line: #efd8bd;
  --ink: var(--cocoa-900);
  --deep: var(--cocoa-900);
  --muted: var(--cocoa-500);
  --coral: var(--hermes-orange);
  --mist: var(--hermes-orange-soft);
  --green: #bd5c2c;
  --rose: #e99a76;
  --clay-shadow: 0 14px 32px rgba(131, 77, 37, .12), inset 0 1px 1px rgba(255,255,255,.95);
  --clay-inset: inset 3px 3px 8px rgba(156, 97, 50, .10), inset -3px -3px 8px rgba(255,255,255,.88);
  background: var(--cream-100) !important;
}

.prototype .sidebar,
.prototype .topbar,
.prototype .mobile-nav {
  background: rgba(255, 250, 243, .94) !important;
  border-color: #f2ddc4 !important;
  box-shadow: 0 8px 25px rgba(129, 74, 36, .07) !important;
}

.prototype .content { background: radial-gradient(circle at 92% 0, rgba(255, 213, 174, .28), transparent 29%), var(--cream-100); }

.prototype .card,
.prototype .section-card,
.prototype .copy-surface,
.prototype .store-hub-head,
.prototype .store-operations,
.prototype .store-detail-surface,
.prototype .community-entry-card,
.prototype .community-scene-intro,
.prototype .sales-composite,
.prototype .life-password > div,
.prototype .monthly-review-shell,
.prototype .quarterly-review-shell,
.prototype .annual-review-shell,
.prototype .modal-card,
.prototype .heart-choose-surface,
.prototype .heart-cinematic,
.prototype .heart-treehole,
.prototype .heart-reflection {
  background: var(--cream-50) !important;
  border-color: #efd9c0 !important;
  box-shadow: var(--clay-shadow) !important;
}

.prototype .tenant-switch,
.prototype .subscription,
.prototype .store-hub-footnote,
.prototype .mobile-app-list button {
  background: #fff8ee !important;
  border-color: #efd5b7 !important;
  box-shadow: var(--clay-inset) !important;
}

.prototype .nav button:hover,
.prototype .nav button.active,
.prototype .mobile-nav button.active,
.prototype .role-tabs button.active,
.prototype .segment button.active {
  background: linear-gradient(90deg, #ffe4cc, #fff4e8) !important;
  color: var(--cocoa-900) !important;
}

.prototype .nav button.active:before { background: var(--hermes-orange) !important; }
.prototype .eyebrow,
.prototype .text-button,
.prototype .store-hub-copy small,
.prototype .store-operations-kicker { color: var(--hermes-orange-deep) !important; }

.prototype .button.coral,
.prototype .button.primary,
.prototype .primary-button,
.prototype .dark-button,
.prototype .store-hub-entry {
  border-color: transparent !important;
  background: linear-gradient(180deg, #f47d33, var(--hermes-orange)) !important;
  color: #fffdf9 !important;
  box-shadow: inset 0 2px 2px rgba(255,255,255,.33), 0 9px 18px rgba(201, 77, 20, .25) !important;
}

.prototype .button.coral:hover,
.prototype .button.primary:hover,
.prototype .primary-button:hover { background: var(--hermes-orange-deep) !important; }

.prototype .button.light,
.prototype .secondary-button,
.prototype .role-tabs button,
.prototype .segment button,
.prototype .flow-back,
.prototype .template-filters button {
  background: #fff0df !important;
  border-color: #f0c99f !important;
  color: var(--cocoa-700) !important;
  box-shadow: var(--clay-inset) !important;
}

.prototype input,
.prototype textarea,
.prototype select,
.prototype .copy-box,
.prototype .life-password-card,
.prototype .community-dialog-card input,
.prototype .community-dialog-card textarea {
  background: #fffdf9 !important;
  border-color: #edcfad !important;
  color: var(--cocoa-900) !important;
  box-shadow: inset 2px 2px 6px rgba(157, 91, 43, .08) !important;
}

.prototype input:focus,
.prototype textarea:focus,
.prototype select:focus {
  border-color: var(--hermes-orange) !important;
  box-shadow: 0 0 0 3px rgba(238, 108, 36, .15) !important;
  outline: none;
}

.prototype .tag.coral,
.prototype .store-hub-badge,
.prototype .nav-tag { background: var(--hermes-orange-soft) !important; color: var(--hermes-orange-deep) !important; }
.prototype .tag.good { background: #f9e7d8 !important; color: #ad5428 !important; }
.prototype .tag.warn { background: #fff0d2 !important; color: #9b6422 !important; }
.prototype .bar i,
.prototype .progress i,
.prototype .quest-meter i { background: var(--hermes-orange) !important; }
.prototype .toast { background: var(--cocoa-900) !important; color: #fffaf4 !important; }

/* 登录页保留确认的橙色背景资产，登录卡与按钮改用同一橙/奶油体系。 */
.auth-card { background: rgba(255, 250, 243, .94) !important; border-color: rgba(255, 238, 220, .94) !important; }
.auth-card .button.coral { background: linear-gradient(180deg, #f47d33, var(--hermes-orange)) !important; }
.auth-card .button.coral:hover { background: var(--hermes-orange-deep) !important; }
.auth-card input { border-color: #edc99f !important; background: #fffdf9 !important; }

@media (max-width: 760px) {
  .prototype .content { background: var(--cream-100); }
  .prototype .mobile-nav { box-shadow: 0 -8px 24px rgba(129, 74, 36, .10) !important; }
  .prototype .button,
  .prototype .primary-button,
  .prototype .secondary-button { min-height: 44px; }
}