:root {
  --ty-quick-actions-action-bg: var(--ty-color-bg-container);
  --ty-quick-actions-fab-size: 56px;
  --ty-quick-actions-action-size: 40px;
  --ty-quick-actions-actions-gap: 16px;
  --ty-quick-actions-action-wrapper-gap: 4px;
  --ty-quick-actions-action-bg-hover: #f6f9fc;
  --ty-quick-actions-action-color: #32325d;
  --ty-quick-actions-bg: var(--ty-chart-1);
  --ty-quick-actions-bg-hover: var(--ty-color-primary-active);
  --ty-quick-actions-color: #fff;
  --ty-quick-actions-fab-font-size: 24px;
  --ty-quick-actions-action-font-size: 16px;
  --ty-quick-actions-disabled-opacity: 0.5;
  --ty-quick-actions-focus-ring: 0 0 0 3px var(--ty-shadow-focus);
  --ty-quick-actions-icon-transition-duration: 300ms;
  --ty-quick-actions-button-transition-duration: 200ms;
  --ty-quick-actions-actions-transition-duration: 200ms;
  --ty-quick-actions-actions-scale-closed: 0.5;
  --ty-quick-actions-actions-scale-open: 1;
  --ty-quick-actions-tooltip-font-size: var(--ty-font-size-sm);
  --ty-quick-actions-tooltip-padding: 4px 8px;
  --ty-quick-actions-tooltip-radius: var(--ty-border-radius);
  --ty-quick-actions-tooltip-offset: 8px;
  --ty-quick-actions-tooltip-bg: #32325d;
  --ty-quick-actions-tooltip-color: #fff;
}

[data-tiny-theme='dark'] {
  --ty-quick-actions-action-bg: #1f1f1f;
  --ty-quick-actions-fab-size: 56px;
  --ty-quick-actions-action-size: 40px;
  --ty-quick-actions-actions-gap: 16px;
  --ty-quick-actions-action-wrapper-gap: 4px;
  --ty-quick-actions-action-bg-hover: #2a2a2a;
  --ty-quick-actions-action-color: rgba(255, 255, 255, 0.85);
  --ty-quick-actions-bg: #9065d0;
  --ty-quick-actions-bg-hover: #7a50bf;
  --ty-quick-actions-color: #fff;
  --ty-quick-actions-fab-font-size: 24px;
  --ty-quick-actions-action-font-size: 16px;
  --ty-quick-actions-disabled-opacity: 0.5;
  --ty-quick-actions-focus-ring: 0 0 0 3px var(--ty-shadow-focus);
  --ty-quick-actions-icon-transition-duration: 300ms;
  --ty-quick-actions-button-transition-duration: 200ms;
  --ty-quick-actions-actions-transition-duration: 200ms;
  --ty-quick-actions-actions-scale-closed: 0.5;
  --ty-quick-actions-actions-scale-open: 1;
  --ty-quick-actions-tooltip-font-size: var(--ty-font-size-sm);
  --ty-quick-actions-tooltip-padding: 4px 8px;
  --ty-quick-actions-tooltip-radius: var(--ty-border-radius);
  --ty-quick-actions-tooltip-offset: 8px;
  --ty-quick-actions-tooltip-bg: #363636;
  --ty-quick-actions-tooltip-color: rgba(255, 255, 255, 0.85);
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-quick-actions-action-bg: #1f1f1f;
  --ty-quick-actions-fab-size: 56px;
  --ty-quick-actions-action-size: 40px;
  --ty-quick-actions-actions-gap: 16px;
  --ty-quick-actions-action-wrapper-gap: 4px;
  --ty-quick-actions-action-bg-hover: #2a2a2a;
  --ty-quick-actions-action-color: rgba(255, 255, 255, 0.85);
  --ty-quick-actions-bg: #9065d0;
  --ty-quick-actions-bg-hover: #7a50bf;
  --ty-quick-actions-color: #fff;
  --ty-quick-actions-fab-font-size: 24px;
  --ty-quick-actions-action-font-size: 16px;
  --ty-quick-actions-disabled-opacity: 0.5;
  --ty-quick-actions-focus-ring: 0 0 0 3px var(--ty-shadow-focus);
  --ty-quick-actions-icon-transition-duration: 300ms;
  --ty-quick-actions-button-transition-duration: 200ms;
  --ty-quick-actions-actions-transition-duration: 200ms;
  --ty-quick-actions-actions-scale-closed: 0.5;
  --ty-quick-actions-actions-scale-open: 1;
  --ty-quick-actions-tooltip-font-size: var(--ty-font-size-sm);
  --ty-quick-actions-tooltip-padding: 4px 8px;
  --ty-quick-actions-tooltip-radius: var(--ty-border-radius);
  --ty-quick-actions-tooltip-offset: 8px;
  --ty-quick-actions-tooltip-bg: #363636;
  --ty-quick-actions-tooltip-color: rgba(255, 255, 255, 0.85);
}
}