/*
 * EMODITAC dark-only design tokens.
 *
 * These variables are deliberately namespaced so they can be shared by the
 * frontend and plugin admin without changing the active WordPress theme or
 * WordPress core screens.
 */
:root {
    --emoditac-color-text: #fff7f2;
    --emoditac-color-text-muted: #c7bab4;
    --emoditac-color-text-soft: #a99892;
    --emoditac-color-text-disabled: #756968;
    --emoditac-color-text-inverse: #1a120f;

    --emoditac-color-glass-background: rgba(255, 255, 255, .055);
    --emoditac-color-glass-background-hover: rgba(255, 255, 255, .08);
    --emoditac-color-glass-background-active: rgba(255, 109, 41, .12);
    --emoditac-color-glass-border: rgba(255, 255, 255, .12);
    --emoditac-color-glass-border-hover: rgba(255, 255, 255, .22);
    --emoditac-color-glass-border-active: #ff6d29;
    --emoditac-color-glass-background-last-bookable: rgba(255, 255, 255, .13);
    --emoditac-color-glass-border-last-bookable: rgba(255, 255, 255, .3);
    --emoditac-color-glass-text: #fff7f2;
    --emoditac-glass-backdrop-filter: blur(8px);
    --emoditac-glass-menu-backdrop-filter: blur(34px);
    --emoditac-dropdown-panel-padding: 12px;
    --emoditac-dropdown-option-radius: 12px;
    --emoditac-dropdown-panel-radius: 24px;
    --emoditac-dropdown-option-gap: 8px;
    --emoditac-glass-shadow: none;
    --emoditac-glass-shadow-hover: none;
    --emoditac-glass-shadow-active: 0 0 12px rgba(255, 109, 41, .45);
    --emoditac-glass-shadow-last-bookable: none;

    /* Compact switch contract, shared by admin settings and chat controls. */
    --emoditac-toggle-width: 52px;
    --emoditac-toggle-height: 30px;
    --emoditac-toggle-knob-size: 22px;
    --emoditac-toggle-knob-offset: 3px;
    --emoditac-toggle-knob-travel: 22px;
    --emoditac-toggle-transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
    --emoditac-toggle-knob-transition: transform 160ms ease, background-color 160ms ease;
    --emoditac-toggle-off-shadow: 0 0 0 1px rgba(255, 109, 41, .34), 0 0 16px var(--emoditac-color-primary-glow);
    --emoditac-toggle-focus-shadow: 0 0 0 3px var(--emoditac-color-focus-ring);

    --emoditac-color-primary: #ff6d29;
    --emoditac-color-primary-hover: #ff895b;
    --emoditac-color-primary-soft: rgba(255, 109, 41, .18);
    --emoditac-color-primary-surface: #1a1a1a;
    --emoditac-color-primary-glow: rgba(255, 109, 41, .55);

    --emoditac-color-slot-selected-surface: rgba(255, 109, 41, .12);
    --emoditac-color-slot-selected-text: #fff7f2;
    --emoditac-color-slot-showing-surface: #c95325;
    --emoditac-color-slot-showing-text: #fff7f2;
    --emoditac-color-slot-buffer-surface: #4a281c;
    --emoditac-color-slot-buffer-text: #fff7f2;
    --emoditac-color-slot-last-bookable-surface: rgba(255, 255, 255, .055);
    --emoditac-color-slot-available-surface: #4d4b4c;
    --emoditac-color-slot-available-hover-surface: rgba(255, 255, 255, .055);
    --emoditac-color-slot-available-text: #fff7f2;
    --emoditac-color-slot-unavailable-surface: #1a1919;
    --emoditac-color-slot-unavailable-overlay: #1a1619d1;
    --emoditac-color-slot-unavailable-background: #1a1619d1;
    --emoditac-color-slot-unavailable-text: #756968;

    --emoditac-calendar-available-hover-surface: #ff895b;

    --emoditac-color-success: #44d17a;
    --emoditac-color-success-hover: #69e69a;
    --emoditac-color-success-soft: rgba(68, 209, 122, .18);
    --emoditac-color-success-surface: #173728;
    --emoditac-color-warning: #ffc857;
    --emoditac-color-warning-hover: #ffd57b;
    --emoditac-color-warning-soft: rgba(255, 200, 87, .18);
    --emoditac-color-warning-surface: #493918;
    --emoditac-color-danger: #ff6b7a;
    --emoditac-color-danger-hover: #ff8f9a;
    --emoditac-color-danger-soft: rgba(255, 107, 122, .2);
    --emoditac-color-danger-surface: #482329;

    --emoditac-color-focus-ring: rgba(255, 137, 91, .62);
    --emoditac-color-overlay: rgba(0, 0, 0, .56);
    --emoditac-color-overlay-inverse: rgba(255, 255, 255, .08);
    --emoditac-color-shadow: rgba(0, 0, 0, .38);
    --emoditac-shadow-sm: 0 2px 8px rgba(0, 0, 0, .38);
    --emoditac-shadow-md: 0 10px 24px rgba(0, 0, 0, .38);
    --emoditac-shadow-lg: 0 18px 36px rgba(0, 0, 0, .38);
}