:root {
  --sheet-width-default: 22.5rem;

  --sheet-overlay-background: initial;
  --sheet-overlay-alpha: 40%;

  --sheet-shadow: var(--shadow-lg);
  --sheet-header-space-gap: 0.375rem;
  --sheet-title-block-space-gap: var(--space-1);
  --sheet-title-row-space-gap: var(--space-3);
  --sheet-extra-space-gap: var(--space-2);
  --sheet-footer-space-gap: var(--space-2);
  --sheet-title-font-size: var(
    --font-size-lg,
    calc(var(--font-size-base) * var(--font-size-ratio) * var(--font-size-ratio))
  );
  --sheet-description-font-size: var(--font-size-sm, var(--font-size-base));

  --sheet-body-space-block: var(--space-1);

  --sheet-close-offset: var(--space-4);
  --sheet-close-rest-alpha: 0.7;
  --sheet-header-close-space-inline-end: var(--space-8);
  --dialog-width-default: 32rem;
  --dialog-viewport-inset: 1.5rem;
  --dialog-overlay-background: initial;
  --dialog-overlay-alpha: 60%;

  --dialog-space-x: var(--space-chrome-x);
  --dialog-space-y: var(--space-chrome-y);
  --dialog-space-inset: var(--dialog-space-y) var(--dialog-space-x);
  --dialog-space-gap: var(--space-stack-md);
  --dialog-close-space-offset: var(--space-4);

  --dialog-header-space-gap: var(--space-stack-xs);
  --dialog-title-row-space-gap: var(--space-3);
  --dialog-title-block-space-gap: var(--space-1);
  --dialog-extra-space-gap: var(--space-2);

  --dialog-confirm-icon-size: var(--icon-size-xl);
  --dialog-confirm-space-gap: var(--space-3);

  --dialog-header-close-space-inline-end: var(--space-8);

  --dialog-close-rest-alpha: 0.7;

  --dialog-close-size: var(--touch-target-min);

  --dialog-step-up-error-font-size: var(--font-size-sm, var(--font-size-base));

  --alert-radius: var(--card-radius);
  --alert-space-inset: var(--space-section-active);
  --alert-space-gap: var(--space-inline-md);
  --alert-inner-space-gap: var(--space-stack-sm);
  --alert-dismiss-space-offset: var(--space-3);

  --alert-icon-size: var(--icon-size-lg);

  --alert-dismiss-rest-alpha: 0.7;
  --alert-dismiss-icon-size: var(--icon-size-md);

  --alert-bg-alpha: 0.05;
  --alert-border-alpha: 0.3;

  --banner-border-block-end-width: 1px;
  --banner-space-block: var(--space-3);

  --banner-space-inline: var(--space-page-active-x);
  --banner-space-inline-compact: var(--space-page-compact-x);

  --banner-dismiss-space-offset: var(--space-2);

  --dialog-content-glow: 0 0 0 0 transparent;
  --empty-state-space-y: var(--space-10);
  --empty-state-space-x: var(--space-6);

  --empty-state-description-max-width: 28rem;
  --empty-state-section-space-y: var(--space-6);
  --empty-state-section-space-x: var(--space-4);
  --empty-state-compact-space-y: var(--space-3);
  --empty-state-compact-space-x: var(--space-2);

  --empty-state-icon-foreground: initial;
  --empty-state-icon-tint: initial;

  --empty-state-icon-size: var(--icon-size-4xl);
  --empty-state-icon-glyph-size: var(--icon-size-xl);
  --skeleton-row-gap: var(--space-stack-sm);
  --skeleton-cell-gap: var(--space-inline-lg);
  --skeleton-card-inset: var(--space-section-active);
  --skeleton-radius: var(--radius);

  --skeleton-background: initial;

  --skeleton-block-height: 1rem;
  --skeleton-caption-height: 0.75rem;
  --skeleton-title-height: 1.75rem;
  --skeleton-label-width: 6rem;
  --skeleton-detail-value-max-width: 28rem;
  --skeleton-stat-value-width: 8rem;
  --skeleton-stat-caption-width: 5rem;

  --skeleton-element-radius: var(--radius-sm);
  --skeleton-button-width-ratio: 2;
  --skeleton-input-width-ratio: 5;

  --skeleton-node-size: calc(var(--control-height) * 3);
  --skeleton-image-glyph-size: var(--icon-size-4xl);

  --skeleton-image-glyph-color: initial;

  --skeleton-article-avatar-gap: var(--space-inline-lg);
  --skeleton-article-avatar-title-offset: var(--space-3);
  --skeleton-article-title-gap: var(--space-stack-lg);
  --skeleton-article-line-gap: var(--space-stack-md);

  --skeleton-paragraph-last-width: 61%;

  --skeleton-sweep-gradient: initial;

  --query-load-more-space-block-start: var(--space-stack-md);
  --query-loading-more-space-block-start: var(--space-stack-sm);

  --tooltip-max-width: 20rem;
  --tooltip-space-inline: var(--space-2);
  --tooltip-space-block: var(--space-1);
  --tooltip-radius: var(--radius);
  --tooltip-font-size: var(--font-size-xs, calc(var(--font-size-base) / var(--font-size-ratio)));

  --tooltip-shadow: var(--shadow-md);

  --tooltip-background: initial;
  --tooltip-foreground: initial;
  --tooltip-border-color: initial;

  --popover-width: 18rem;
  --popover-space-inset: var(--space-4);
  --popover-radius: var(--radius);
  --popover-shadow: var(--shadow-md);
  --popover-header-space-gap: var(--space-1);
  --popover-header-font-size: var(--font-size-sm, var(--font-size-base));

  --popover-surface-background: initial;
  --popover-surface-foreground: initial;
  --popover-surface-border-color: initial;

  --popover-surface-inline-size: initial;

  --toast-icon-size: var(--icon-size-md);

  --toast-mobile-offset: 16px;
}