:root {
  --ty-calendar-bg: var(--ty-color-bg-container);
  --ty-calendar-border: #e9ecef;
  --ty-calendar-radius: var(--ty-border-radius);
  --ty-calendar-cell-hover-bg: #f6f9fc;
  --ty-calendar-header-padding: 8px 12px;
  --ty-calendar-header-action-size: 28px;
  --ty-calendar-header-action-radius: 4px;
  --ty-calendar-header-action-font-size: 18px;
  --ty-calendar-header-action-color: var(--ty-color-text-tertiary);
  --ty-calendar-header-action-color-hover: var(--ty-color-primary);
  --ty-calendar-header-action-hover-bg: var(--ty-color-fill-secondary);
  --ty-calendar-header-action-focus-ring: var(--ty-color-primary-border);
  --ty-calendar-header-label-font-size: 16px;
  --ty-calendar-header-label-font-weight: 500;
  --ty-calendar-header-caption-gap: 8px;
  --ty-calendar-header-label-min-height: 32px;
  --ty-calendar-header-label-padding-inline: 10px;
  --ty-calendar-header-label-radius: 4px;
  --ty-calendar-header-label-color: var(--ty-color-text);
  --ty-calendar-header-label-color-hover: var(--ty-color-primary);
  --ty-calendar-header-label-hover-bg: var(--ty-color-fill-secondary);
  --ty-calendar-header-label-focus-ring: var(--ty-color-primary-border);
  --ty-calendar-body-padding: 8px;
  --ty-calendar-cell-header-font-size: var(--ty-font-size-sm);
  --ty-calendar-cell-header-padding: 8px 0;
  --ty-calendar-cell-header-color: var(--ty-color-text-secondary);
  --ty-calendar-week-number-color: var(--ty-color-text-quaternary);
  --ty-calendar-week-number-width: 32px;
  --ty-calendar-week-number-font-size: 12px;
  --ty-calendar-week-number-padding: 4px 0;
  --ty-calendar-cell-color: var(--ty-color-text);
  --ty-calendar-cell-color-muted: var(--ty-color-text-quaternary);
  --ty-calendar-cell-disabled-bg: var(--ty-color-bg-disabled);
  --ty-calendar-cell-today-border: var(--ty-color-primary);
  --ty-calendar-cell-selected-bg: var(--ty-color-primary);
  --ty-calendar-cell-selected-color: #fff;
  --ty-calendar-range-bg: var(--ty-color-primary-bg);
  --ty-calendar-cell-focus-outline: var(--ty-color-primary);
  --ty-calendar-cell-date-font-size: var(--ty-font-size-sm);
  --ty-calendar-cell-date-line-height: 24px;
  --ty-calendar-cell-date-min-width: 24px;
  --ty-calendar-cell-inner-padding: 4px;
  --ty-calendar-cell-inner-min-height: 24px;
  --ty-calendar-cell-inner-padding-fullscreen: 4px 8px;
  --ty-calendar-cell-inner-min-height-fullscreen: 60px;
  --ty-calendar-cell-content-font-size: 12px;
  --ty-calendar-cell-content-margin-top: 2px;
  --ty-calendar-cell-dot-size: 6px;
  --ty-calendar-cell-dot-color: var(--ty-color-primary);
  --ty-calendar-panel-grid-gap: 8px;
  --ty-calendar-panel-padding: 8px;
  --ty-calendar-panel-item-min-height: 48px;
  --ty-calendar-panel-item-padding-inline: 8px;
  --ty-calendar-panel-item-radius: var(--ty-border-radius);
  --ty-calendar-panel-item-hover-bg: var(--ty-color-fill-secondary);
  --ty-calendar-panel-item-selected-color: #fff;
  --ty-calendar-panel-item-selected-bg: var(--ty-color-primary);
  --ty-calendar-panel-item-selected-hover-bg: var(--ty-color-primary-hover);
  --ty-calendar-month-content-font-size: 12px;
  --ty-calendar-month-content-margin-top: 4px;
  --ty-calendar-decade-font-size: var(--ty-font-size-base);
  --ty-calendar-decade-color-out: var(--ty-color-text-quaternary);
  --ty-calendar-footer-padding: 8px 12px;
  --ty-calendar-today-color: var(--ty-color-primary);
  --ty-calendar-today-color-hover: var(--ty-color-primary-hover);
  --ty-calendar-today-font-size: 13px;
  --ty-calendar-today-hover-bg: var(--ty-color-primary-bg);
  --ty-calendar-today-active-bg: var(--ty-color-primary-bg-hover);
  --ty-calendar-today-focus-ring: var(--ty-color-primary-border);
}

[data-tiny-theme='dark'] {
  --ty-calendar-bg: #1f1f1f;
  --ty-calendar-border: #363636;
  --ty-calendar-radius: var(--ty-border-radius);
  --ty-calendar-cell-hover-bg: #2a2a2a;
  --ty-calendar-header-padding: 8px 12px;
  --ty-calendar-header-action-size: 28px;
  --ty-calendar-header-action-radius: 4px;
  --ty-calendar-header-action-font-size: 18px;
  --ty-calendar-header-action-color: var(--ty-color-text-tertiary);
  --ty-calendar-header-action-color-hover: var(--ty-color-primary);
  --ty-calendar-header-action-hover-bg: #2a2a2a;
  --ty-calendar-header-action-focus-ring: var(--ty-color-primary-border);
  --ty-calendar-header-label-font-size: 16px;
  --ty-calendar-header-label-font-weight: 500;
  --ty-calendar-header-caption-gap: 8px;
  --ty-calendar-header-label-min-height: 32px;
  --ty-calendar-header-label-padding-inline: 10px;
  --ty-calendar-header-label-radius: 4px;
  --ty-calendar-header-label-color: var(--ty-color-text);
  --ty-calendar-header-label-color-hover: var(--ty-color-primary);
  --ty-calendar-header-label-hover-bg: #2a2a2a;
  --ty-calendar-header-label-focus-ring: var(--ty-color-primary-border);
  --ty-calendar-body-padding: 8px;
  --ty-calendar-cell-header-font-size: var(--ty-font-size-sm);
  --ty-calendar-cell-header-padding: 8px 0;
  --ty-calendar-cell-header-color: var(--ty-color-text-secondary);
  --ty-calendar-week-number-color: var(--ty-color-text-quaternary);
  --ty-calendar-week-number-width: 32px;
  --ty-calendar-week-number-font-size: 12px;
  --ty-calendar-week-number-padding: 4px 0;
  --ty-calendar-cell-color: var(--ty-color-text);
  --ty-calendar-cell-color-muted: var(--ty-color-text-quaternary);
  --ty-calendar-cell-disabled-bg: var(--ty-color-bg-disabled);
  --ty-calendar-cell-today-border: var(--ty-color-primary);
  --ty-calendar-cell-selected-bg: var(--ty-color-primary);
  --ty-calendar-cell-selected-color: #fff;
  --ty-calendar-range-bg: var(--ty-color-primary-bg);
  --ty-calendar-cell-focus-outline: var(--ty-color-primary);
  --ty-calendar-cell-date-font-size: var(--ty-font-size-sm);
  --ty-calendar-cell-date-line-height: 24px;
  --ty-calendar-cell-date-min-width: 24px;
  --ty-calendar-cell-inner-padding: 4px;
  --ty-calendar-cell-inner-min-height: 24px;
  --ty-calendar-cell-inner-padding-fullscreen: 4px 8px;
  --ty-calendar-cell-inner-min-height-fullscreen: 60px;
  --ty-calendar-cell-content-font-size: 12px;
  --ty-calendar-cell-content-margin-top: 2px;
  --ty-calendar-cell-dot-size: 6px;
  --ty-calendar-cell-dot-color: var(--ty-color-primary);
  --ty-calendar-panel-grid-gap: 8px;
  --ty-calendar-panel-padding: 8px;
  --ty-calendar-panel-item-min-height: 48px;
  --ty-calendar-panel-item-padding-inline: 8px;
  --ty-calendar-panel-item-radius: var(--ty-border-radius);
  --ty-calendar-panel-item-hover-bg: #2a2a2a;
  --ty-calendar-panel-item-selected-color: #fff;
  --ty-calendar-panel-item-selected-bg: var(--ty-color-primary);
  --ty-calendar-panel-item-selected-hover-bg: var(--ty-color-primary-hover);
  --ty-calendar-month-content-font-size: 12px;
  --ty-calendar-month-content-margin-top: 4px;
  --ty-calendar-decade-font-size: var(--ty-font-size-base);
  --ty-calendar-decade-color-out: var(--ty-color-text-quaternary);
  --ty-calendar-footer-padding: 8px 12px;
  --ty-calendar-today-color: var(--ty-color-primary);
  --ty-calendar-today-color-hover: var(--ty-color-primary-hover);
  --ty-calendar-today-font-size: 13px;
  --ty-calendar-today-hover-bg: var(--ty-color-primary-bg);
  --ty-calendar-today-active-bg: var(--ty-color-primary-bg-hover);
  --ty-calendar-today-focus-ring: var(--ty-color-primary-border);
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-calendar-bg: #1f1f1f;
  --ty-calendar-border: #363636;
  --ty-calendar-radius: var(--ty-border-radius);
  --ty-calendar-cell-hover-bg: #2a2a2a;
  --ty-calendar-header-padding: 8px 12px;
  --ty-calendar-header-action-size: 28px;
  --ty-calendar-header-action-radius: 4px;
  --ty-calendar-header-action-font-size: 18px;
  --ty-calendar-header-action-color: var(--ty-color-text-tertiary);
  --ty-calendar-header-action-color-hover: var(--ty-color-primary);
  --ty-calendar-header-action-hover-bg: #2a2a2a;
  --ty-calendar-header-action-focus-ring: var(--ty-color-primary-border);
  --ty-calendar-header-label-font-size: 16px;
  --ty-calendar-header-label-font-weight: 500;
  --ty-calendar-header-caption-gap: 8px;
  --ty-calendar-header-label-min-height: 32px;
  --ty-calendar-header-label-padding-inline: 10px;
  --ty-calendar-header-label-radius: 4px;
  --ty-calendar-header-label-color: var(--ty-color-text);
  --ty-calendar-header-label-color-hover: var(--ty-color-primary);
  --ty-calendar-header-label-hover-bg: #2a2a2a;
  --ty-calendar-header-label-focus-ring: var(--ty-color-primary-border);
  --ty-calendar-body-padding: 8px;
  --ty-calendar-cell-header-font-size: var(--ty-font-size-sm);
  --ty-calendar-cell-header-padding: 8px 0;
  --ty-calendar-cell-header-color: var(--ty-color-text-secondary);
  --ty-calendar-week-number-color: var(--ty-color-text-quaternary);
  --ty-calendar-week-number-width: 32px;
  --ty-calendar-week-number-font-size: 12px;
  --ty-calendar-week-number-padding: 4px 0;
  --ty-calendar-cell-color: var(--ty-color-text);
  --ty-calendar-cell-color-muted: var(--ty-color-text-quaternary);
  --ty-calendar-cell-disabled-bg: var(--ty-color-bg-disabled);
  --ty-calendar-cell-today-border: var(--ty-color-primary);
  --ty-calendar-cell-selected-bg: var(--ty-color-primary);
  --ty-calendar-cell-selected-color: #fff;
  --ty-calendar-range-bg: var(--ty-color-primary-bg);
  --ty-calendar-cell-focus-outline: var(--ty-color-primary);
  --ty-calendar-cell-date-font-size: var(--ty-font-size-sm);
  --ty-calendar-cell-date-line-height: 24px;
  --ty-calendar-cell-date-min-width: 24px;
  --ty-calendar-cell-inner-padding: 4px;
  --ty-calendar-cell-inner-min-height: 24px;
  --ty-calendar-cell-inner-padding-fullscreen: 4px 8px;
  --ty-calendar-cell-inner-min-height-fullscreen: 60px;
  --ty-calendar-cell-content-font-size: 12px;
  --ty-calendar-cell-content-margin-top: 2px;
  --ty-calendar-cell-dot-size: 6px;
  --ty-calendar-cell-dot-color: var(--ty-color-primary);
  --ty-calendar-panel-grid-gap: 8px;
  --ty-calendar-panel-padding: 8px;
  --ty-calendar-panel-item-min-height: 48px;
  --ty-calendar-panel-item-padding-inline: 8px;
  --ty-calendar-panel-item-radius: var(--ty-border-radius);
  --ty-calendar-panel-item-hover-bg: #2a2a2a;
  --ty-calendar-panel-item-selected-color: #fff;
  --ty-calendar-panel-item-selected-bg: var(--ty-color-primary);
  --ty-calendar-panel-item-selected-hover-bg: var(--ty-color-primary-hover);
  --ty-calendar-month-content-font-size: 12px;
  --ty-calendar-month-content-margin-top: 4px;
  --ty-calendar-decade-font-size: var(--ty-font-size-base);
  --ty-calendar-decade-color-out: var(--ty-color-text-quaternary);
  --ty-calendar-footer-padding: 8px 12px;
  --ty-calendar-today-color: var(--ty-color-primary);
  --ty-calendar-today-color-hover: var(--ty-color-primary-hover);
  --ty-calendar-today-font-size: 13px;
  --ty-calendar-today-hover-bg: var(--ty-color-primary-bg);
  --ty-calendar-today-active-bg: var(--ty-color-primary-bg-hover);
  --ty-calendar-today-focus-ring: var(--ty-color-primary-border);
}
}