/*  * Enterprise Theme Tokens * This file serves as the single source of truth for the platform's design system. */:root {    color-scheme: dark;    /* Brand Colors - Premium Muted Gold */    --color-primary: #D4AF37;    --color-primary-hover: #C5A028;    --color-primary-dim: rgba(212, 175, 55, 0.15);    --color-primary-transparent: rgba(212, 175, 55, 0.3);    /* Original backward-compatible variable names to ease transition */    --gold: var(--color-primary);    --gold-dim: var(--color-primary-dim);    /* Background Colors - Rich Midnight */    --bg-app: #0f0f11;    --bg-surface: #1a1a1d;    --bg-surface-hover: rgba(255, 255, 255, 0.03);        /* Original backward-compatible variable names */    --dark-bg: var(--bg-app);    --card-bg: var(--bg-surface);    /* Typography Colors */    --text-primary: #f0f0f0;    --text-secondary: #9ca3af;    --text-muted: #6b7280;    --text-inverse: #0a0a0a;    /* Semantic Colors */    --color-success: #22C55E;    --color-success-dim: rgba(34, 197, 94, 0.15);    --color-danger: #EF4444;    --color-danger-dim: rgba(239, 68, 68, 0.15);    --color-info: #3B82F6;    --color-info-dim: rgba(59, 130, 246, 0.15);    --color-warning: #F59E0B;    --color-warning-dim: rgba(245, 158, 11, 0.15);
    --color-warning-muted: rgba(245, 158, 11, 0.6);    /* Dietary Specific Colors */    --veg-color: var(--color-success);    --non-veg-color: var(--color-danger);    --blue-color: var(--color-info);    /* Borders & Shadows */    --border-color: rgba(255, 255, 255, 0.08);    --border-color-hover: rgba(255, 255, 255, 0.2);    --shadow-sm: 0 1px 2px rgba(0,0,0,0.2);    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.3), 0 2px 4px -1px rgba(0,0,0,0.2);    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.4), 0 4px 6px -2px rgba(0,0,0,0.2);    --shadow-glow: 0 0 0 3px var(--color-primary-transparent);    /* Typography */    --font-heading: 'Playfair Display', serif;    --font-body: 'Inter', sans-serif;    /* Spacing / Sizes */    --radius-sm: 4px;    --radius-md: 8px;    --radius-lg: 12px;    --radius-xl: 16px;    --radius-pill: 50px;    --radius-full: 9999px;    /* Layout Z-Indexes */    --z-header: 1000;    --z-sidebar: 1050;    --z-modal: 9999;    --z-toast: 10000;    --z-dialog: 99999;}/* Global Baseline */*, *::before, *::after {    box-sizing: border-box;    margin: 0;    padding: 0;}button, input[type="button"], input[type="submit"], .btn, .cart-action-btn, .qty-btn {    touch-action: manipulation;}html {    scroll-behavior: smooth;    scrollbar-width: thin;    scrollbar-color: var(--border-color-hover) transparent;    scrollbar-gutter: stable;}body {    font-family: var(--font-body);    background-color: var(--bg-app);    color: var(--text-primary);    line-height: 1.5;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}/* Global Scrollbar */::-webkit-scrollbar { width: 6px; height: 6px; }::-webkit-scrollbar-track { background: transparent; }::-webkit-scrollbar-thumb { background: var(--border-color-hover); border-radius: var(--radius-full); }::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.3); }/* Force dark native dropdowns regardless of select transparency */select option {    background-color: var(--bg-surface);    color: var(--text-primary);}/* Global Form Focus Styles */
input:focus, select:focus, textarea:focus,
input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: none !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    box-shadow: none !important;
    transition: all 0.2s ease;
}/* Typography Basics */h1, h2, h3, h4, h5, h6 {    font-family: var(--font-heading);    color: var(--color-primary);    font-weight: 700;    margin-bottom: 0.5em;    line-height: 1.2;}a:not([class]) {    color: var(--color-primary);    text-decoration: none;    transition: color 0.2s ease;}a:not([class]):hover {    color: var(--color-primary-hover);}/* ═══════════════════════════════════════════════════════════   WM-DIALOG — Custom Dialog Component   Replaces SweetAlert2. Uses theme tokens throughout.   ═══════════════════════════════════════════════════════════ *//* Backdrop */.wm-dialog-overlay {    position: fixed; inset: 0;    background: rgba(0, 0, 0, 0.7);    backdrop-filter: blur(4px);    z-index: var(--z-dialog);    display: flex; align-items: center; justify-content: center;    padding: 1rem;    opacity: 0;    transition: opacity 0.2s ease;}.wm-dialog-overlay.wm-dialog-visible { opacity: 1; }/* Panel */.wm-dialog-panel {    background: var(--bg-surface);    border: 1px solid var(--border-color);    border-radius: var(--radius-xl);    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);    width: 92%; max-width: 400px;    text-align: center;    padding: 1.75rem 1.5rem 1.25rem;    transform: scale(0.92) translateY(10px);    transition: transform 0.2s ease;}.wm-dialog-visible .wm-dialog-panel {    transform: scale(1) translateY(0);}/* Icon */.wm-dialog-icon {    font-size: 2.5rem;    margin-bottom: 0.75rem;    line-height: 1;}.wm-dialog-icon.wm-icon-warning  { color: var(--color-warning); }.wm-dialog-icon.wm-icon-error    { color: var(--color-danger); }.wm-dialog-icon.wm-icon-success  { color: var(--color-success); }.wm-dialog-icon.wm-icon-question { color: var(--color-primary); }.wm-dialog-icon.wm-icon-info     { color: var(--color-info); }/* Title */.wm-dialog-title {    font-family: var(--font-heading);    color: var(--text-primary);    font-size: 1.2rem;    font-weight: 700;    margin-bottom: 0.5rem;    line-height: 1.3;}/* Body */.wm-dialog-body {    color: var(--text-secondary);    font-size: 0.88rem;    line-height: 1.5;    margin-bottom: 1.25rem;}/* Actions row */.wm-dialog-actions {    display: flex;    gap: 0.5rem;    justify-content: center;}/* Buttons — base */.wm-dialog-btn {    padding: 0.55rem 1.4rem;    border-radius: var(--radius-md);    font-family: var(--font-body);    font-size: 0.85rem;    font-weight: 700;    cursor: pointer;    transition: opacity 0.15s, background 0.15s, transform 0.1s;    border: none;    outline: none;    line-height: 1.3;}.wm-dialog-btn:active { transform: scale(0.96); }/* Confirm */.wm-dialog-btn-confirm {    background: var(--color-primary);    color: var(--text-inverse);}.wm-dialog-btn-confirm:hover { opacity: 0.88; }.wm-dialog-btn-confirm:focus-visible { box-shadow: 0 0 0 3px var(--color-primary-dim); }/* Cancel */.wm-dialog-btn-cancel {    background: rgba(255, 255, 255, 0.06);    color: var(--text-secondary);    border: 1px solid var(--border-color);}.wm-dialog-btn-cancel:hover { background: rgba(255, 255, 255, 0.1); color: var(--text-primary); }.wm-dialog-btn-cancel:focus-visible { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08); }