:root {
    --brand-dark: #021320; /* Deep navy blue */
    --brand-accent: #531213; /* Rich burgundy */
    /* Brand Gradients */
    --brand-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --brand-gradient-hover: linear-gradient(135deg, #132E40 0%, #6A1A1D 100%);
    --brand-gradient-reverse: linear-gradient(135deg, #531213 0%, #0B1F2F 100%);
    --brand-gradient-light: linear-gradient(135deg, rgba(11, 31, 47, 0.8) 0%, rgba(83, 18, 19, 0.8) 100%);
    --brand-gradient-subtle: linear-gradient(135deg, rgba(11, 31, 47, 0.1) 0%, rgba(83, 18, 19, 0.1) 100%);
    --brand-font-size: 5rem;
    /* Brand Transparency */
    --brand-dark-10: rgba(11, 31, 47, 0.1);
    --brand-dark-20: rgba(11, 31, 47, 0.2);
    --brand-dark-30: rgba(11, 31, 47, 0.3);
    --brand-dark-50: rgba(11, 31, 47, 0.5);
    --brand-dark-80: rgba(11, 31, 47, 0.8);
    --brand-accent-10: rgba(83, 18, 19, 0.1);
    --brand-accent-20: rgba(83, 18, 19, 0.2);
    --brand-accent-30: rgba(83, 18, 19, 0.3);
    --brand-accent-50: rgba(83, 18, 19, 0.5);
    --brand-accent-80: rgba(83, 18, 19, 0.8);
    /* Brand Shadows */
    --brand-shadow-sm: 0 2px 8px rgba(83, 18, 19, 0.15);
    --brand-shadow-md: 0 4px 16px rgba(83, 18, 19, 0.25);
    --brand-shadow-lg: 0 8px 32px rgba(83, 18, 19, 0.35);
    --brand-shadow-glow: 0 0 20px rgba(83, 18, 19, 0.4);
    /* Brand Borders */
    --brand-border: 1px solid rgba(83, 18, 19, 0.2);
    --brand-border-light: 1px solid rgba(83, 18, 19, 0.1);
    --brand-border-hover: 1px solid rgba(83, 18, 19, 0.4);
    /* UI Colors */
    --bg-color: #2f3640;
    --bg-light: #f5f7fb;
    --bg-dark: #1e293b;
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-light: #e2e8f0;
    --text-muted: #94a3b8;
    --text-readonly: #64748b;
    /* Common app tokens */
    --acme-color-text-default: #3c4044;
    --acme-color-text-muted: #6c757d;
    --acme-color-text-disabled: #b9bcbf;
    --acme-color-surface: #ffffff;
    --acme-color-surface-muted: #EBEBEB;
    --acme-color-surface-subtle: #e9ecef;
    --acme-color-surface-hover: #f0f0f0;
    --acme-color-surface-soft: #f9f9f9;
    --acme-color-border: #ddd;
    --acme-color-border-soft: #ccc;
    --acme-color-border-light: #dee2e6;
    --acme-color-border-muted: #d5d4d4;
    --acme-color-border-strong: #a7a5a5;
    --acme-color-danger: #dc3545;
    --acme-color-danger-strong: #dc2626;
    --acme-color-danger-soft: #f9f3f3;
    --acme-color-success: #28a745;
    --acme-color-primary-action: #007bff;
    --acme-color-info-action: #2196F3;
    --acme-color-skeleton-start: #dadada;
    --acme-color-skeleton-mid: #e6e6e6;
    --acme-overlay-05: rgba(0, 0, 0, 0.05);
    --acme-overlay-10: rgba(0, 0, 0, 0.1);
    --acme-overlay-15: rgba(0, 0, 0, 0.15);
    --acme-overlay-20: rgba(0, 0, 0, 0.2);
    --acme-overlay-25: rgba(0, 0, 0, 0.25);
    --acme-overlay-30: rgba(0, 0, 0, 0.3);
    --acme-overlay-50: rgba(0, 0, 0, 0.5);
    --acme-white-08: rgba(255, 255, 255, 0.08);
    --acme-radius-xs: 2px;
    --acme-radius-sm: 4px;
    --acme-radius-md: 8px;
    --acme-radius-lg: 10px;
    --acme-radius-pill: 999px;
    --acme-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --acme-transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --acme-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.2);
    --acme-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.15);
    --acme-focus-ring: 0 0 0 .2rem rgba(0, 123, 255, .25);
    --acme-bold-row: rgb(200, 200, 200);
    --bb-sidebar-top-row-border-color: #b8bbc3;
    --bb-sidebar-top-row-background-color: var(--bg-color);
    --pageheader-sticky-height: 23px;
    --pagefooter-height: 40px;
    --pagecontent-margin-top: 25px;
    --pagecontent-margin-bottom: 15px;
    --bs-nav-link-color: black;
    --body-background-color: rgba(100, 100, 100, 0.8);
    --bs-primary: #4f46e5;
    --bs-secondary: #64748b;
    --bs-IsSuccess: #16a34a;
    --bs-danger: #dc2626;
    --taxable-color: #dc2626;
    --non-taxable-color: rgba(28, 26, 231, 0.89);
    --sidebar-width: 18rem;
    --font-size: 0.95rem;
    --table-header-font-size: 0.9rem;
    --table-header-height: 1.8rem;
    --table-content-font-size: 0.8rem;
    --report-font-size: 0.9rem;
    /*TOAST Variable*/
    --toast-radius: 8px;
    --toast-blur: 0px;
    --toast-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    /* Success - Green */
    --success-bg: #0f766e;
    --success-border: rgba(15, 118, 110, 0.25);
    --success-glow: none;
    /* Error - Red */
    --error-bg: #b91c1c;
    --error-border: rgba(185, 28, 28, 0.25);
    --error-glow: none;
    /* Info - Blue */
    --info-bg: #1d4ed8;
    --info-border: rgba(29, 78, 216, 0.25);
    --info-glow: none;
    /* Warning - Amber */
    --warning-bg: #b45309;
    --warning-border: rgba(180, 83, 9, 0.25);
    --warning-glow: none;
    /*Bootstrap*/
    --bs-body-bg: #111827;
    --bs-body-color: #ffffff;
    --bs-dropdown-bg: #141B2A;
    --bs-dropdown-color: #ffffff;
    /*Nav Bar*/
    --navbar-height: 2.8rem;
    --navbar-bg: #2C3446;
    --navbar-submenu-width: 12rem;
    --navbar-border: rgba(255, 255, 255, 0.08);
    --accent-primary: #667eea;
    --accent-secondary: #685e75;
    --hover-bg: rgb(85 77 77 / 0.08);
    --active-bg: rgba(102, 126, 234, 0.15);
    --dropdown-bg: rgba(15, 20, 30, 0.95);
    --shadow-ambient: 0 0 60px rgba(102, 126, 234, 0.15);
    --shadow-elevated: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 40px rgba(102, 126, 234, 0.1);
    /*Mis Table Layout Tokens */
    --adt-font-family: 'Söhne', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --adt-font-size-base: 0.875rem;
    --adt-font-size-sm: 0.8125rem;
    --adt-font-size-lg: 1rem;
    --adt-font-weight-normal: 400;
    --adt-font-weight-medium: 500;
    --adt-font-weight-semibold: 600;
    --adt-font-weight-bold: 700;
    --adt-line-height-base: 1.5;
    --adt-color-primary: #626976;
    --adt-color-primary-hover: #1e222e;
    --adt-color-primary-light: #dbeafe;
    --adt-color-success: #059669;
    --adt-color-danger: #dc2626;
    --adt-color-danger-hover: #b91c1c;
    --adt-color-warning: #d97706;
    --adt-color-info: #0891b2;
    --adt-color-text-primary: #111827;
    --adt-color-text-secondary: #6b7280;
    --adt-color-text-tertiary: #9ca3af;
    --adt-color-border: #e5e7eb;
    --adt-color-border-hover: #d1d5db;
    --adt-color-bg: #ffffff;
    --adt-color-bg-secondary: #f9fafb;
    --adt-color-bg-tertiary: #f3f4f6;
    --adt-color-bg-hover: #f5f7fa;
    --adt-color-shadow: rgba(0, 0, 0, 0.1);
    --adt-color-shadow-lg: rgba(0, 0, 0, 0.15);
    --adt-spacing-xs: 0.25rem;
    --adt-spacing-sm: 0.5rem;
    --adt-spacing-md: 0.75rem;
    --adt-spacing-lg: 1rem;
    --adt-spacing-xl: 1.5rem;
    --adt-spacing-2xl: 2rem;
    --adt-border-radius: var(--acme-radius-md);
    --adt-border-radius-sm: 0.375rem;
    --adt-border-radius-lg: 0.75rem;
    --adt-border-width: 1px;
    --adt-transition-fast: var(--acme-transition-fast);
    --adt-transition-base: var(--acme-transition-base);
    --adt-transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    --adt-shadow-sm: 0 1px 2px 0 var(--adt-color-shadow);
    --adt-shadow-md: 0 4px 6px -1px var(--adt-color-shadow), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --adt-shadow-lg: 0 10px 15px -3px var(--adt-color-shadow-lg), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --adt-shadow-xl: 0 20px 25px -5px var(--adt-color-shadow-lg), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --adt-row-height: 3rem;
    --adt-header-height: 3rem;
    --adt-cell-padding-x: 1rem;
    --adt-cell-padding-y: 0.75rem;
    --adt-highlight-color: #fef3c7;
    /* Restaurant Specific Tokens */
    --res-table-text: #1a1d23;
    --res-table-radius: 14px;
    --res-table-border: #e4e7ec;
    --res-table-surface2: #f8f9fb;
    --res-table-radius-sm: var(--acme-radius-lg);
    --res-table-available: #16a34a;
    --res-table-available-bg: #abd4b8;
    --res-table-available-border: #86b797;
    --res-table-occupied: #dc2626;
    --res-table-occupied-bg: #ffdede;
    --res-table-occupied-border: #d4acac;
    --res-table-printed: #b54a03;
    --res-table-printed-bg: #f2bf79;
    --res-table-printed-border: #d39a36;
    --res-table-pack: #d97706;
    --res-table-pack-bg: #fffbeb;
    --res-table-pack-border: #fde68a;
    --res-table-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);

    /* DataGrid Core Overrides Mapping */
    --dgx-text: var(--acme-color-text-default);
    --dgx-text-muted: var(--acme-color-text-muted);
    --dgx-border: var(--acme-color-border);
    --dgx-border-radius: var(--acme-radius-sm);
    --dgx-border-soft: var(--acme-color-border-light);
    --dgx-surface: var(--acme-color-surface);
    --dgx-surface-alt: var(--acme-color-surface-soft);
    --dgx-header-start: var(--acme-color-surface-muted);
    --dgx-header-end: var(--acme-color-surface-subtle);
    --dgx-header-text: var(--acme-color-text-default);
    --dgx-row-hover: var(--acme-color-surface-hover);
    --dgx-row-height: 1.2rem;
    --dgx-row-lookup-height: 15rem;
    --dgx-active-outline: var(--acme-color-danger);
    --dgx-active-radius: 2px;
    --dgx-active-bg: #eff6ff;
    --dgx-error-accent: var(--acme-color-danger);
    --dgx-error-bg: var(--acme-color-danger-soft);
    --dgx-disabled-bg: var(--acme-color-surface-subtle);
    --dgx-disabled-text: var(--acme-color-text-disabled);
    --dgx-popup-border: var(--acme-color-border);
    --dgx-popup-bg: var(--acme-color-surface);
    --dgx-popup-shadow: 0 6px 16px var(--acme-overlay-15);
    --bs-card-bg: var(--bg-light);


    --clr-bg: #0f1117;
    --clr-surface: #1a1d27;
    --clr-border: #2a2d3a;
    --clr-text: #e2e4ed;
    --clr-muted: #6b7089;
    --clr-accent: #5b8def;
    --clr-green: #3ecf8e;
    --clr-red: #f87171;
    --clr-amber: #fbbf24;
}