body.portal-body.portal-ui-v2 {
  --portal-v2-bg: #f3dfe4;
  --portal-v2-bg-soft: #f8edf0;
  --portal-v2-surface: rgba(255, 255, 255, 0.82);
  --portal-v2-surface-strong: rgba(255, 255, 255, 0.92);
  --portal-v2-surface-soft: rgba(255, 255, 255, 0.68);
  --portal-v2-border: rgba(137, 93, 100, 0.2);
  --portal-v2-border-strong: rgba(132, 87, 95, 0.34);
  --portal-v2-text: #2f1f26;
  --portal-v2-muted: #6d5360;
  --portal-v2-primary: #165a42;
  --portal-v2-primary-hover: #1b6e51;
  --portal-v2-primary-press: #124a36;
  --portal-v2-secondary: #ffffff;
  --portal-v2-secondary-hover: #e8f5ec;
  --portal-v2-rose: #e0a8b5;
  --portal-v2-rose-soft: #f7e4e9;
  --portal-v2-gold: #c9a14f;
  --portal-v2-blue: #4e84d9;
  --portal-v2-warning: #d47b3e;
  --portal-v2-danger: #b74b56;
  --portal-v2-success: #2c8a63;
  --portal-v2-radius-sm: 12px;
  --portal-v2-radius-md: 18px;
  --portal-v2-radius-lg: 24px;
  --portal-v2-shadow-soft: 0 14px 36px rgba(118, 70, 86, 0.14);
  --portal-v2-shadow-md: 0 20px 44px rgba(102, 59, 74, 0.2);
  --portal-v2-shadow-card: 0 10px 26px rgba(121, 76, 92, 0.16);
  --portal-v2-space-2xs: 6px;
  --portal-v2-space-xs: 10px;
  --portal-v2-space-sm: 14px;
  --portal-v2-space-md: 18px;
  --portal-v2-space-lg: 24px;
  --portal-v2-space-xl: 30px;
  --portal-v2-motion: 260ms;

  --portal-bg: var(--portal-v2-bg);
  --portal-bg-soft: var(--portal-v2-bg-soft);
  --portal-card: var(--portal-v2-surface-strong);
  --portal-border: var(--portal-v2-border);
  --portal-text: var(--portal-v2-text);
  --portal-muted: var(--portal-v2-muted);
  --portal-accent: var(--portal-v2-primary);
  --portal-accent-dark: var(--portal-v2-primary-hover);
  --portal-shadow: var(--portal-v2-shadow-soft);
  --portal-radius: var(--portal-v2-radius-md);
}