/*
 * Vanilla Calendar Pro → Tabler token bridge.
 * Only CSS variables; do not copy VCP time layout selectors here.
 */
[data-vc="calendar"] {
    --vc-bg: var(--tblr-bg-surface, #fff);
    --vc-color: var(--tblr-body-color, #1e293b);
    --vc-date-bg: var(--vc-bg);
    --vc-date-bg-hover: var(--tblr-bg-surface-secondary, #f6f8fb);
    --vc-date-today-bg: var(--tblr-bg-surface-secondary, #f6f8fb);
    --vc-date-weekend-outside-bg: var(--vc-bg);
    --vc-date-weekend-outside-bg-hover: var(--tblr-bg-surface-secondary, #f6f8fb);
    --vc-date-weekend-outside-hover-bg: var(--tblr-bg-surface-secondary, #f6f8fb);
    --vc-months-years-bg: var(--vc-bg);
    --vc-time-input-bg: var(--tblr-bg-surface, #fff);
    --vc-time-input-color: var(--tblr-body-color, #1e293b);
    --vc-time-input-bg-hover: var(--tblr-bg-surface-secondary, #f6f8fb);
    --vc-time-separator-color: var(--tblr-body-color, #1e293b);
    --vc-time-keeping-color: var(--tblr-secondary, #6c7a91);
    --vc-focus-outline-color: var(--tblr-primary, #206bc4);
    --vc-time-range-bg: var(--tblr-bg-surface, #fff);
    --vc-time-range-track-color: var(--tblr-border-color, #e6e7e9);
    --vc-time-range-thumb-bg: var(--tblr-bg-surface, #fff);
    --vc-time-range-thumb-border: var(--tblr-border-color, #e6e7e9);
    --vc-time-range-thumb-border-hover: var(--tblr-primary, #206bc4);
}

[data-bs-theme="dark"] [data-vc="calendar"],
[data-vc-theme="dark"] {
    --vc-bg: var(--tblr-bg-surface, #0f172a);
    --vc-color: var(--tblr-body-color, #fff);
    --vc-date-bg: var(--vc-bg);
    --vc-date-bg-hover: var(--tblr-bg-surface-secondary, #334155);
    --vc-date-today-bg: var(--tblr-bg-surface-secondary, #334155);
    --vc-date-weekend-outside-bg: var(--vc-bg);
    --vc-date-weekend-outside-bg-hover: var(--tblr-bg-surface-secondary, #334155);
    --vc-date-weekend-outside-hover-bg: var(--tblr-bg-surface-secondary, #334155);
    --vc-months-years-bg: var(--vc-bg);
    --vc-time-input-bg: var(--tblr-bg-surface, #1e293b);
    --vc-time-input-color: var(--tblr-body-color, #fff);
    --vc-time-input-bg-hover: var(--tblr-bg-surface-secondary, #334155);
    --vc-time-separator-color: var(--tblr-body-color, #fff);
    --vc-time-keeping-color: var(--tblr-secondary, #64748b);
    --vc-time-keeping-color-hover: var(--tblr-secondary, #94a3b8);
    --vc-focus-outline-color: var(--tblr-primary, #206bc4);
    --vc-time-range-bg: var(--tblr-bg-surface, #0f172a);
    --vc-time-range-track-color: var(--tblr-border-color, #475569);
    --vc-time-range-thumb-bg: var(--tblr-bg-surface, #1e293b);
    --vc-time-range-thumb-border: var(--tblr-border-color, #475569);
    --vc-time-range-thumb-border-hover: var(--tblr-primary, #94a3b8);
}