/* Customer workspace. Existing shared names are aliases so embedded features
   (catalogue, wallet and Nexi) inherit the same theme without logic changes. */
:is(.account-body, .checkout-body) {
  --color-primary: #6800de;
  --color-primary-hover: #5200b3;
  --color-primary-soft: #f2e9ff;
  --color-bg: #f8f7fc;
  --color-surface: #ffffff;
  --color-surface-alt: #f2eff8;
  --color-border: #e5dff0;
  --color-text: #191326;
  --color-text-muted: #60566e;
  --color-success: #167a3f;
  --color-success-soft: #eaf6ee;
  --color-warning: #946000;
  --color-warning-soft: #fff4d9;
  --color-danger: #bd2431;
  --color-danger-soft: #fff0f1;
  --color-info: #245d9a;
  --color-info-soft: #edf4ff;
  --color-overlay: rgb(20 12 35 / 0.6);
  --color-on-primary: #ffffff;
  --color-focus: var(--color-primary);
  --brand-primary: var(--color-primary);
  --brand-accent: var(--color-primary);
  --brand-primary-soft: var(--color-primary-soft);
  --brand-hover: var(--color-primary-hover);
  --brand-rgb: 104, 0, 222;
  --btn-primary-bg: #6800de;
  --btn-primary-bg-hover: #5200b3;
  --btn-primary-fg: var(--color-on-primary);
  --bg-primary: var(--color-bg);
  --bg-secondary: var(--color-surface-alt);
  --bg-tertiary: var(--color-surface-alt);
  --bg-elevated: var(--color-surface);
  --bg-glass: var(--color-surface);
  --bg-overlay: var(--color-overlay);
  --text-primary: var(--color-text);
  --text-secondary: var(--color-text-muted);
  --text-tertiary: var(--color-text-muted);
  --border-primary: var(--color-border);
  --border-secondary: var(--color-border);
  --surface-outline: var(--color-border);
  --success-500: var(--color-success);
  --success-50: var(--color-success-soft);
  --error-500: var(--color-danger);
  --error-700: var(--color-danger);
  --error-50: var(--color-danger-soft);
  --warning-500: var(--color-warning);
  --warning-700: var(--color-warning);
  --warning-50: var(--color-warning-soft);
  --info-500: var(--color-info);
  --font-size-sm: var(--text-sm);
  --font-size-base: var(--text-base);
  --font-size-lg: var(--text-xl);
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-metric: clamp(1.75rem, 2.4vw, 2.25rem);
  --font-size-welcome: clamp(1.5rem, 2.3vw, 2rem);
  --font-size-wordmark: 1.9rem;
  --tracking-heading: -.03em;
  --radius: .625rem;
  --radius-sm: .375rem;
  --radius-md: .625rem;
  --radius-lg: .875rem;
  --radius-btn: .625rem;
  --container-max: 75rem;
  --sidebar-width: 15rem;
  --control-min-height: 2.75rem;
  --header-height: 5.5rem;
  --icon-size: 1.25rem;
  --avatar-size: 2.5rem;
  --chart-size: 10rem;
  --chart-inset: 1.125rem;
  --legend-height: 15rem;
  --menu-height: 20rem;
  --preview-height: 4.5rem;
  --dialog-width: 40rem;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / .04);
  --shadow-md: 0 8px 24px rgb(0 0 0 / .08);
  --surface-shadow: var(--shadow-sm);
  --transition: 150ms ease;
  --chart-1: #6800de;
  --chart-2: #267f98;
  --chart-3: #a66a18;
  --chart-4: #b14d88;
  --chart-5: #327e51;
  --chart-6: #506fc0;
  --chart-7: #946c50;
  --chart-8: #747b91;
  --preview-light-bg: #f8f7fc;
  --preview-light-surface: #ffffff;
  --preview-light-line: #e5dff0;
  --preview-dark-bg: #121016;
  --preview-dark-surface: #1c1923;
  --preview-dark-line: #393340;
}
[data-theme="dark"] :is(.account-body, .checkout-body) {
  --color-primary: #b98aff;
  --color-primary-hover: #d3b3ff;
  --color-primary-soft: #30203f;
  --color-bg: #121016;
  --color-surface: #1c1923;
  --color-surface-alt: #25202e;
  --color-border: #393340;
  --color-text: #f5f1fa;
  --color-text-muted: #bdb3c9;
  --color-success: #86d7a1;
  --color-success-soft: #173324;
  --color-warning: #edc575;
  --color-warning-soft: #382c16;
  --color-danger: #ffa1ae;
  --color-danger-soft: #3b2029;
  --color-info: #a5caff;
  --color-info-soft: #1b2c42;
  --chart-1: #b98aff;
}

.checkout-body { --checkout-max:70rem; --checkout-summary-width:22rem; --checkout-stepper-width:20rem; --checkout-pay-height:3.25rem; --checkout-mobile-reserve:8rem; --checkout-loading-height:15rem; --checkout-spinner-size:2.25rem; --checkout-spin-duration:700ms; }

.account-body { --recent-order-id-width:11rem; --recent-order-total-width:5.5rem; --recent-order-status-width:8rem; --recent-order-actions-width:3.75rem; }

.account-body { --order-history-id-width:12rem; --order-history-quantity-width:4.5rem; }

.account-body { --topbar-identity-max: 18rem; }

/* Help Center: aliases point to index.html's live design-system + refresh tokens.
   Do not override the public palette with customer-workspace colors. */
.guide-body {
  --color-primary: var(--brand-primary);
  --color-primary-hover: var(--brand-hover);
  --color-primary-soft: var(--brand-primary-soft);
  --color-bg: var(--bg-primary);
  --color-surface: var(--bg-elevated);
  --color-surface-alt: var(--bg-secondary);
  --color-border: var(--surface-outline);
  --color-text: var(--text-primary);
  --color-text-muted: var(--text-secondary);
  --color-on-primary: var(--btn-primary-fg);
  --color-focus: var(--brand-primary);
  --color-warning: var(--warning-700);
  --color-warning-soft: var(--warning-50);
  --font-size-sm: var(--text-sm);
  --font-size-base: var(--text-base);
  --font-size-lg: var(--text-xl);
  --font-size-xl: var(--text-2xl);
  --radius: var(--radius-md);
  --control-min-height: 2.75rem;
  --icon-size: 1.25rem;
  --tracking-heading: -.03em;
  --transition: var(--transition-fast);
  --guide-card-radius: 1.5rem;
  --guide-compact-radius: 1rem;
  --guide-icon-frame: 3rem;
  --guide-icon-radius: .9375rem;
  --guide-list-width: 53.125rem;
  --guide-title-weight: 850;
  --guide-title-tracking: -.055em;
  --guide-title-leading: 1.02;
  --guide-section-title-size: clamp(1.9rem, 3.4vw, 2.8rem);
  --guide-hero-glow-height: 38rem;
  --guide-hero-glow: radial-gradient(ellipse at 50% 0%, rgba(var(--brand-rgb), var(--spot-hero)), transparent 70%);
  --guide-title-accent: linear-gradient(100deg, var(--brand-primary) 10%, var(--ember) 48%, var(--violet-700) 72%, var(--brand-primary) 95%);
  --guide-reading-width: 72ch;
  --guide-search-width: 58rem;
  --guide-aside-width: 16rem;
  --guide-title-size: clamp(2.1rem, 4.8vw, 4.2rem);
  --guide-article-title-size: clamp(1.75rem, 3.5vw, 2.75rem);
  --guide-icon-size: 1.5rem;
  --guide-card-min: 15rem;
  --guide-search-height: 3.5rem;
  --guide-sticky-offset: 7rem;
  --guide-reading-leading: 1.8;
  --leading-snug: 1.35;
}

[data-theme="dark"] .guide-body {
  /* Use the home's own lighter violet for readable small links. The bright
     primary surface pairs with dark ink to retain normal-text contrast. */
  --color-primary: var(--violet-300);
  --color-primary-hover: var(--violet-200);
  --btn-primary-fg: var(--ink-950);
  --guide-title-accent: linear-gradient(100deg, var(--violet-300) 10%, var(--ember) 48%, var(--violet-500) 72%, var(--violet-300) 95%);
}