:root {
  --ty-date-picker-input-min-width-sm: 90px;
  --ty-date-picker-input-min-width-md: 120px;
  --ty-date-picker-input-min-width-lg: 140px;
  --ty-date-picker-header-padding: 8px 12px;
  --ty-date-picker-header-border: var(--ty-color-border-light);
  --ty-date-picker-header-button-size: 28px;
  --ty-date-picker-header-button-radius: 4px;
  --ty-date-picker-header-button-color: var(--ty-color-text-tertiary);
  --ty-date-picker-header-button-color-hover: var(--ty-color-primary);
  --ty-date-picker-header-action-hover-bg: var(--ty-color-fill-secondary);
  --ty-date-picker-header-action-focus-ring: var(--ty-color-primary-border);
  --ty-date-picker-header-label-font-size: 16px;
  --ty-date-picker-header-label-font-weight: 500;
  --ty-date-picker-header-caption-gap: 8px;
  --ty-date-picker-body-padding: 8px 12px;
  --ty-date-picker-cell-font-size: 13px;
  --ty-date-picker-cell-size: 28px;
  --ty-date-picker-cell-radius: 6px;
  --ty-date-picker-cell-color: var(--ty-color-text);
  --ty-date-picker-cell-color-muted: var(--ty-color-text-quaternary);
  --ty-date-picker-cell-disabled-bg: var(--ty-color-fill-secondary);
  --ty-date-picker-panel-item-gap-y: 8px;
  --ty-date-picker-panel-item-min-width: 56px;
  --ty-date-picker-panel-item-height: 40px;
  --ty-date-picker-panel-item-padding-inline: 12px;
  --ty-date-picker-panel-item-radius: 10px;
  --ty-date-picker-panel-item-hover-bg: var(--ty-color-fill-secondary);
  --ty-date-picker-panel-item-current-color: var(--ty-color-primary);
  --ty-date-picker-panel-item-current-border: var(--ty-color-primary);
  --ty-date-picker-panel-item-selected-bg: var(--ty-color-primary-bg-hover);
  --ty-date-picker-panel-item-selected-color: var(--ty-color-primary);
  --ty-date-picker-panel-item-selected-hover-bg: var(--ty-color-primary-bg);
  --ty-date-picker-cell-today-border: var(--ty-color-primary);
  --ty-date-picker-cell-selected-bg: var(--ty-color-primary);
  --ty-date-picker-cell-selected-color: #fff;
  --ty-date-picker-cell-selected-hover-bg: var(--ty-color-primary-active);
  --ty-date-picker-range-bg: var(--ty-color-primary-bg);
  --ty-date-picker-footer-padding: 8px 12px;
  --ty-date-picker-today-font-size: 13px;
  --ty-date-picker-today-color: var(--ty-color-primary);
  --ty-date-picker-today-color-hover: var(--ty-color-primary-hover);
  --ty-date-picker-today-hover-bg: var(--ty-color-primary-bg);
  --ty-date-picker-today-active-bg: var(--ty-color-primary-bg-hover);
  --ty-date-picker-today-focus-ring: var(--ty-color-primary-border);
}

[data-tiny-theme='dark'] {
  --ty-date-picker-input-min-width-sm: 90px;
  --ty-date-picker-input-min-width-md: 120px;
  --ty-date-picker-input-min-width-lg: 140px;
  --ty-date-picker-header-padding: 8px 12px;
  --ty-date-picker-header-border: var(--ty-color-border-light);
  --ty-date-picker-header-button-size: 28px;
  --ty-date-picker-header-button-radius: 4px;
  --ty-date-picker-header-button-color: var(--ty-color-text-tertiary);
  --ty-date-picker-header-button-color-hover: var(--ty-color-primary);
  --ty-date-picker-header-action-hover-bg: var(--ty-color-fill-secondary);
  --ty-date-picker-header-action-focus-ring: var(--ty-color-primary-border);
  --ty-date-picker-header-label-font-size: 16px;
  --ty-date-picker-header-label-font-weight: 500;
  --ty-date-picker-header-caption-gap: 8px;
  --ty-date-picker-body-padding: 8px 12px;
  --ty-date-picker-cell-font-size: 13px;
  --ty-date-picker-cell-size: 28px;
  --ty-date-picker-cell-radius: 6px;
  --ty-date-picker-cell-color: var(--ty-color-text);
  --ty-date-picker-cell-color-muted: var(--ty-color-text-quaternary);
  --ty-date-picker-cell-disabled-bg: #2a2a2a;
  --ty-date-picker-panel-item-gap-y: 8px;
  --ty-date-picker-panel-item-min-width: 56px;
  --ty-date-picker-panel-item-height: 40px;
  --ty-date-picker-panel-item-padding-inline: 12px;
  --ty-date-picker-panel-item-radius: 10px;
  --ty-date-picker-panel-item-hover-bg: var(--ty-color-fill-secondary);
  --ty-date-picker-panel-item-current-color: var(--ty-color-primary);
  --ty-date-picker-panel-item-current-border: var(--ty-color-primary);
  --ty-date-picker-panel-item-selected-bg: var(--ty-color-primary-bg-hover);
  --ty-date-picker-panel-item-selected-color: var(--ty-color-primary);
  --ty-date-picker-panel-item-selected-hover-bg: var(--ty-color-primary-bg);
  --ty-date-picker-cell-today-border: var(--ty-color-primary);
  --ty-date-picker-cell-selected-bg: var(--ty-color-primary);
  --ty-date-picker-cell-selected-color: #fff;
  --ty-date-picker-cell-selected-hover-bg: #7a50bf;
  --ty-date-picker-range-bg: var(--ty-color-primary-bg);
  --ty-date-picker-footer-padding: 8px 12px;
  --ty-date-picker-today-font-size: 13px;
  --ty-date-picker-today-color: var(--ty-color-primary);
  --ty-date-picker-today-color-hover: var(--ty-color-primary-hover);
  --ty-date-picker-today-hover-bg: var(--ty-color-primary-bg);
  --ty-date-picker-today-active-bg: var(--ty-color-primary-bg-hover);
  --ty-date-picker-today-focus-ring: var(--ty-color-primary-border);
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-date-picker-input-min-width-sm: 90px;
  --ty-date-picker-input-min-width-md: 120px;
  --ty-date-picker-input-min-width-lg: 140px;
  --ty-date-picker-header-padding: 8px 12px;
  --ty-date-picker-header-border: var(--ty-color-border-light);
  --ty-date-picker-header-button-size: 28px;
  --ty-date-picker-header-button-radius: 4px;
  --ty-date-picker-header-button-color: var(--ty-color-text-tertiary);
  --ty-date-picker-header-button-color-hover: var(--ty-color-primary);
  --ty-date-picker-header-action-hover-bg: var(--ty-color-fill-secondary);
  --ty-date-picker-header-action-focus-ring: var(--ty-color-primary-border);
  --ty-date-picker-header-label-font-size: 16px;
  --ty-date-picker-header-label-font-weight: 500;
  --ty-date-picker-header-caption-gap: 8px;
  --ty-date-picker-body-padding: 8px 12px;
  --ty-date-picker-cell-font-size: 13px;
  --ty-date-picker-cell-size: 28px;
  --ty-date-picker-cell-radius: 6px;
  --ty-date-picker-cell-color: var(--ty-color-text);
  --ty-date-picker-cell-color-muted: var(--ty-color-text-quaternary);
  --ty-date-picker-cell-disabled-bg: #2a2a2a;
  --ty-date-picker-panel-item-gap-y: 8px;
  --ty-date-picker-panel-item-min-width: 56px;
  --ty-date-picker-panel-item-height: 40px;
  --ty-date-picker-panel-item-padding-inline: 12px;
  --ty-date-picker-panel-item-radius: 10px;
  --ty-date-picker-panel-item-hover-bg: var(--ty-color-fill-secondary);
  --ty-date-picker-panel-item-current-color: var(--ty-color-primary);
  --ty-date-picker-panel-item-current-border: var(--ty-color-primary);
  --ty-date-picker-panel-item-selected-bg: var(--ty-color-primary-bg-hover);
  --ty-date-picker-panel-item-selected-color: var(--ty-color-primary);
  --ty-date-picker-panel-item-selected-hover-bg: var(--ty-color-primary-bg);
  --ty-date-picker-cell-today-border: var(--ty-color-primary);
  --ty-date-picker-cell-selected-bg: var(--ty-color-primary);
  --ty-date-picker-cell-selected-color: #fff;
  --ty-date-picker-cell-selected-hover-bg: #7a50bf;
  --ty-date-picker-range-bg: var(--ty-color-primary-bg);
  --ty-date-picker-footer-padding: 8px 12px;
  --ty-date-picker-today-font-size: 13px;
  --ty-date-picker-today-color: var(--ty-color-primary);
  --ty-date-picker-today-color-hover: var(--ty-color-primary-hover);
  --ty-date-picker-today-hover-bg: var(--ty-color-primary-bg);
  --ty-date-picker-today-active-bg: var(--ty-color-primary-bg-hover);
  --ty-date-picker-today-focus-ring: var(--ty-color-primary-border);
}
}