/**
 * Bulk Manager — central design tokens (single source of truth).
 * Change colors, radii, and shadows HERE; all component CSS (admin SPA + public
 * reservation form + popup) should use var(--app-bm-*) or legacy --bm-* / --rz-*.
 *
 * Defined on :root so the tokens are available globally — including the public
 * [appizza_reservierung_form] skin and the Elementor popup, which render outside
 * the .appizza-bulk-wrapper container. Enqueue this file wherever those render.
 *
 * @package ApPizza Bulk Manager
 */

:root,
.appizza-bulk-wrapper {
    /* Typography */
    --app-bm-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    /* Radii */
    --app-bm-radius-xs: 6px;
    --app-bm-radius-sm: 8px;
    --app-bm-radius-md: 10px;
    --app-bm-radius-lg: 12px;
    --app-bm-radius-xl: 16px;
    --app-bm-radius-pill: 999px;
    --app-bm-radius-badge: 8px;

    /* Spacing (optional scale) */
    --app-bm-space-1: 4px;
    --app-bm-space-2: 8px;
    --app-bm-space-3: 12px;
    --app-bm-space-4: 16px;
    --app-bm-space-5: 20px;
    --app-bm-space-6: 24px;

    /* Shadows */
    --app-bm-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
    --app-bm-shadow-card: 0 1px 2px rgba(15, 23, 42, 0.04), 0 2px 6px rgba(15, 23, 42, 0.06);
    --app-bm-shadow-card-hover: 0 6px 16px rgba(15, 23, 42, 0.10);
    --app-bm-shadow-elevated: 0 12px 28px rgba(15, 23, 42, 0.12);
    --app-bm-shadow-sidebar-active: 0 6px 16px rgba(13, 148, 136, 0.22);
    --app-bm-shadow-emerald: 0 2px 8px rgba(16, 185, 129, 0.22);
    --app-bm-shadow-emerald-strong: 0 6px 16px rgba(16, 185, 129, 0.30);
    --app-bm-shadow-save: 0 2px 6px rgba(16, 185, 129, 0.22);
    --app-bm-shadow-save-hover: 0 6px 14px rgba(16, 185, 129, 0.30);
    --app-bm-shadow-opening-save: 0 10px 22px rgba(13, 148, 136, 0.28);
    --app-bm-shadow-opening-save-hover: 0 14px 30px rgba(15, 118, 110, 0.32);

    /* Neutrals / surfaces */
    --app-bm-white: #ffffff;
    --app-bm-black: #000000;
    --app-bm-gray-50: #f8fafc;
    --app-bm-gray-100: #f1f5f9;
    --app-bm-gray-200: #e2e8f0;
    --app-bm-gray-300: #cbd5e1;
    --app-bm-gray-400: #94a3b8;
    --app-bm-gray-500: #64748b;
    --app-bm-gray-600: #475569;
    --app-bm-gray-700: #334155;
    --app-bm-gray-800: #1e293b;
    --app-bm-gray-900: #0f172a;
    --app-bm-slate-50: #f8fafc;
    --app-bm-slate-100: #f1f5f9;
    --app-bm-slate-200: #e2e8f0;
    --app-bm-slate-600: #475569;
    --app-bm-slate-700: #334155;
    --app-bm-slate-800: #1e293b;
    --app-bm-slate-900: #0f172a;

    /* Page shell */
    --app-bm-page-bg-start: #f6f8fa;
    --app-bm-page-bg-end: #eef2f6;
    --app-bm-surface: #ffffff;
    --app-bm-surface-soft: #f8fafc;
    --app-bm-surface-muted: #f1f5f9;
    --app-bm-surface-row-hover: #f8fafc;
    --app-bm-surface-elevated: #fcfdfe;
    --app-bm-surface-input: #f8fafc;
    --app-bm-surface-input-hover: #f1f5f9;
    --app-bm-surface-break: #f8fafc;
    --app-bm-surface-break-label: #eef2f6;
    --app-bm-border: #e2e8f0;
    --app-bm-border-soft: #eef2f6;
    --app-bm-border-muted: #f1f5f9;
    --app-bm-border-input: #cbd5e1;
    --app-bm-border-input-hover: #94a3b8;
    --app-bm-border-slate: #cbd5e1;
    --app-bm-border-mobile: #e2e8f0;

    /* Text */
    --app-bm-text: #0f172a;
    --app-bm-text-strong: #111827;
    --app-bm-text-body: #374151;
    --app-bm-text-muted: #64748b;
    --app-bm-text-subtle: #6b7280;
    --app-bm-text-placeholder: #9ca3af;
    --app-bm-text-hint: #888888;
    --app-bm-text-disabled: #999999;
    --app-bm-text-inverse: #ffffff;
    --app-bm-text-on-primary: #ffffff;
    --app-bm-text-sidebar-active: #065f46;
    --app-bm-text-navy: #1e3a8a;
    --app-bm-text-amber-dark: #78350f;
    --app-bm-text-amber-warm: #9a3412;
    --app-bm-text-red-dark: #991b1b;
    --app-bm-text-red-900: #b91c1c;
    --app-bm-text-blue-800: #1e40af;

    /* Brand / primary (teal — fresher modern) */
    --app-bm-primary: #0d9488;
    --app-bm-primary-strong: #0f766e;
    --app-bm-primary-deep: #134e4a;
    --app-bm-primary-soft: #ccfbf1;
    --app-bm-primary-mid: #99f6e4;
    --app-bm-primary-light: #5eead4;
    --app-bm-primary-ring: #2dd4bf;
    --app-bm-accent: #0ea5e9;
    --app-bm-accent-focus-ring: rgba(14, 165, 233, 0.2);

    /* Dark sidebar (modern admin pattern) */
    --app-bm-sidebar-bg: #0f221f;
    --app-bm-sidebar-border: rgba(255, 255, 255, 0.08);
    --app-bm-sidebar-heading: #ffffff;
    --app-bm-sidebar-text: #cbd5e1;
    --app-bm-sidebar-text-muted: #94a3b8;
    --app-bm-sidebar-icon: #9fb4b1;
    --app-bm-sidebar-hover-bg: rgba(255, 255, 255, 0.06);
    --app-bm-sidebar-active-bg: #15403a;
    --app-bm-sidebar-active-text: #5eead4;

    /* Sidebar (legacy mint + unified override values) */
    --app-bm-sidebar-hover-from: #f0fdf4;
    --app-bm-sidebar-hover-to: #dcfce7;
    --app-bm-sidebar-active-from: #ccfbf1;
    --app-bm-sidebar-active-to: #99f6e4;
    --app-bm-sidebar-unified-hover-from: #f0fdfa;
    --app-bm-sidebar-unified-hover-to: #d9f7f1;
    --app-bm-secondary-teal-from: #ccfbf1;
    --app-bm-secondary-teal-to: #99f6e4;
    --app-bm-secondary-teal-hover-from: #99f6e4;
    --app-bm-secondary-teal-hover-to: #5eead4;

    /* Semantic status */
    --app-bm-success: #10b981;
    --app-bm-success-strong: #059669;
    --app-bm-success-deep: #047857;
    --app-bm-success-bg: #d1fae5;
    --app-bm-success-bg-soft: #f0fdf4;
    --app-bm-success-text: #065f46;
    --app-bm-success-gradient-from: #10b981;
    --app-bm-success-gradient-to: #059669;
    --app-bm-success-gradient-hover-from: #059669;
    --app-bm-success-gradient-hover-to: #047857;

    --app-bm-danger: #ef4444;
    --app-bm-danger-strong: #dc2626;
    --app-bm-danger-deep: #b91c1c;
    --app-bm-danger-bg: #fee2e2;
    --app-bm-danger-gradient-from: #ef4444;
    --app-bm-danger-gradient-to: #dc2626;
    --app-bm-danger-gradient-hover-from: #dc2626;
    --app-bm-danger-gradient-hover-to: #b91c1c;
    --app-bm-danger-btn-shadow: 0 2px 8px rgba(239, 68, 68, 0.25);

    --app-bm-danger-shop-from: #dc2626;
    --app-bm-danger-shop-to: #b91c1c;
    --app-bm-danger-text: #991b1b;
    --app-bm-danger-badge-bg: #fef2f2;

    --app-bm-warning: #f59e0b;
    --app-bm-warning-bg: #fef3c7;
    --app-bm-warning-bg-soft: #fffbeb;
    --app-bm-warning-border: #fed7aa;
    --app-bm-warning-border-strong: #fdba74;
    --app-bm-warning-border-hot: #fb923c;
    --app-bm-warning-amber-mid: #fde68a;
    --app-bm-warning-amber-deep: #fed7aa;
    --app-bm-warning-text: #92400e;

    --app-bm-info-bg: #dbeafe;
    --app-bm-info-bg-soft: #eff6ff;
    --app-bm-info-border: #93c5fd;
    --app-bm-info-border-hover: #bfdbfe;
    --app-bm-info-text: #1e40af;
    --app-bm-info-chip-border: #bfdbfe;
    --app-bm-size-label-from: #dbeafe;
    --app-bm-size-label-to: #bfdbfe;

    --app-bm-pending-bg: #fef3c7;
    --app-bm-pending-text: #92400e;

    /* Category chips */
    --app-bm-chip-border: #bfdbfe;
    --app-bm-chip-bg: #eff6ff;
    --app-bm-chip-hover-border: #93c5fd;
    --app-bm-chip-hover-bg: #dbeafe;
    --app-bm-chip-count-bg: rgba(30, 64, 175, 0.12);
    --app-bm-chip-active-count-bg: rgba(15, 118, 110, 0.18);

    /* Loading / mobile dark panels */
    --app-bm-loading-error: #b91c1c;
    --app-bm-mobile-dark-bg: #1a1a1a;
    --app-bm-mobile-dark-surface: #2a2a2a;
    --app-bm-mobile-dark-text: #e1e8ed;
    --app-bm-mobile-light-bg: #f8f9fa;

    /* Misc */
    --app-bm-overlay-light: rgba(255, 255, 255, 0.7);
    --app-bm-overlay-sidebar: rgba(255, 255, 255, 0.3);
    --app-bm-troubleshoot-blue: #007acc;
    --app-bm-muted-brown: #6c757d;
    --app-bm-calendar-more-bg: #e5e7eb;
    --app-bm-calendar-title: #333333;
    --app-bm-stat-label: #77879f;
    --app-bm-stat-bg: #f8fafd;
    --app-bm-wizard-row-highlight: #e5f3ff;
    --app-bm-wizard-note-bg: #fef9c3;

    /* Category chips (pre-unified desktop block) */
    --app-bm-chip-legacy-border-2: #bfdbfe;
    --app-bm-chip-legacy-bg-from: #eff6ff;
    --app-bm-chip-legacy-bg-to: #dbeafe;
    --app-bm-chip-mint-border: #a7f3d0;
    --app-bm-chip-legacy-active-from: #d1fae5;
    --app-bm-chip-legacy-active-to: #a7f3d0;
    --app-bm-chip-legacy-active-border: #86efac;
    --app-bm-chip-legacy-active-hover-from: #a7f3d0;
    --app-bm-chip-legacy-active-hover-to: #6ee7b7;
    --app-bm-chip-legacy-active-border-hover: #6ee7b7;
    --app-bm-chip-count-inactive: rgba(30, 58, 138, 0.15);
    --app-bm-chip-count-active: rgba(6, 95, 70, 0.15);
    --app-bm-price-cell-hover-shadow: 0 3px 10px rgba(16, 185, 129, 0.2);
    --app-bm-warning-focus-ring: rgba(251, 146, 60, 0.15);

    /* prefers-color-scheme: dark (bulk manager) */
    --app-bm-dark-border: #333333;
    --app-bm-dark-border-soft: #444444;

    /* Email / banner (FormsAjaxHandler) */
    --app-bm-email-banner-success: #22c55e;
    --app-bm-email-banner-danger: #dc2626;

    /* Popup empty state */
    --app-bm-popup-empty-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

    /* Forms / Kanban layer (historical --rz-* palette; values unchanged) */
    --app-bm-forms-bg: #f2f5fa;
    --app-bm-forms-card: #ffffff;
    --app-bm-forms-card-soft: #f8fbff;
    --app-bm-forms-text: #0f172a;
    --app-bm-forms-muted: #64748b;
    --app-bm-forms-border: #d8e1ee;
    --app-bm-forms-primary: var(--app-bm-primary);
    --app-bm-forms-primary-strong: var(--app-bm-primary-strong);
    --app-bm-forms-success: #16a34a;
    --app-bm-forms-danger: #dc2626;
    --app-bm-forms-warning: #d97706;
    --app-bm-forms-info: #2563eb;
    --app-bm-forms-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);
    --app-bm-forms-shadow-md: 0 16px 40px rgba(15, 23, 42, 0.14);

    /* Legacy --bm-* (used by UNIFIED overrides in bulk-manager.css) */
    --bm-primary: var(--app-bm-primary);
    --bm-primary-strong: var(--app-bm-primary-strong);
    --bm-primary-soft: var(--app-bm-primary-soft);
    --bm-accent: var(--app-bm-accent);
    --bm-text: var(--app-bm-text);
    --bm-muted: var(--app-bm-text-muted);
    --bm-border: var(--app-bm-border);
    --bm-surface: var(--app-bm-surface);
    --bm-surface-soft: var(--app-bm-surface-soft);
    --bm-danger: var(--app-bm-danger);
    --bm-danger-strong: var(--app-bm-danger-strong);
    --bm-shadow: var(--app-bm-shadow-elevated);

    /* Kanban / forms-view --rz-* aliases */
    --rz-bg: var(--app-bm-forms-bg);
    --rz-card: var(--app-bm-forms-card);
    --rz-card-soft: var(--app-bm-forms-card-soft);
    --rz-text: var(--app-bm-forms-text);
    --rz-muted: var(--app-bm-forms-muted);
    --rz-border: var(--app-bm-forms-border);
    --rz-primary: var(--app-bm-forms-primary);
    --rz-primary-strong: var(--app-bm-forms-primary-strong);
    --rz-success: var(--app-bm-forms-success);
    --rz-danger: var(--app-bm-forms-danger);
    --rz-warning: var(--app-bm-forms-warning);
    --rz-info: var(--app-bm-forms-info);
    --rz-shadow-sm: var(--app-bm-forms-shadow-sm);
    --rz-shadow-md: var(--app-bm-forms-shadow-md);
    --rz-shadow: var(--bm-shadow); /* was an undefined var reference in forms-view.css */

    /* Forms-view status palette (centralized; kept distinct so statuses stay readable) */
    --app-bm-fv-green-text: #166534;
    --app-bm-fv-green-deep: #14532d;
    --app-bm-fv-green-bg: #dcfce7;
    --app-bm-fv-green-bg-mid: #bbf7d0;
    --app-bm-fv-green-bright: #4ade80;
    --app-bm-fv-green-mid: #0f9a6a;
    --app-bm-fv-blue-strong: #1d4ed8;
    --app-bm-fv-blue-bg: #e0f2fe;
    --app-bm-fv-blue-text: #0f5fa8;
    --app-bm-fv-blue-border: #8ec2f7;
    --app-bm-fv-blue-border-2: #87bff2;
    --app-bm-fv-blue-border-3: #b7d7fb;
    --app-bm-fv-blue-bg-soft: #f0f9ff;
    --app-bm-fv-cyan-bg: #cffafe;
    --app-bm-fv-red-rose: #be123c;
    --app-bm-fv-red-rose-2: #e11d48;
    --app-bm-fv-red-soft: #fca5a5;
    --app-bm-fv-red-mid: #f87171;
    --app-bm-fv-red-deep: #7f1d1d;
    --app-bm-fv-purple-text: #6b21a8;
    --app-bm-fv-purple-bg: #f3e8ff;
    --app-bm-fv-amber: #fbbf24;
    --app-bm-fv-amber-deep: #78350f;
    --app-bm-fv-slate-mut: #94a3b8;
    --app-bm-fv-grey-600: #495057;
    --app-bm-fv-dark: #212529;
    --app-bm-fv-offwhite: #fafafa;
    --app-bm-fv-grey-bg: #e9ecef;
    --app-bm-wp-blue: #007cba;

    /* View-toggle hover border (was an undefined var reference in forms-view.css). */
    --app-bm-toggle-hover-border: var(--app-bm-primary);
}