/**
 * Enterprise Cafeteria POS System
 * CSS Variables - 2010-2015 Classic Enterprise Desktop POS Theme
 */
:root {
  /* Color Palette: Classic Enterprise Windows Slate & Glossy Grays */
  --bg-desktop: #2c3338;
  --bg-app: #e8ecf0;
  --bg-panel: #f3f5f8;
  --bg-panel-light: #ffffff;
  --bg-panel-dark: #d8dde4;
  --bg-header-gradient: linear-gradient(180deg, #f8f9fa 0%, #e2e6eb 50%, #d5dae1 100%);
  --bg-header-active: linear-gradient(180deg, #e4e8ee 0%, #c9d0db 100%);
  --bg-toolbar: linear-gradient(180deg, #ffffff 0%, #eceef1 40%, #dde1e7 100%);
  --bg-statusbar: linear-gradient(180deg, #e9ecef 0%, #ced4da 100%);

  /* Primary Accent: Classic Enterprise POS Vibrant Kelly/Forest Green */
  --color-primary: #2e7d32;
  --color-primary-hover: #388e3c;
  --color-primary-active: #1b5e20;
  --color-primary-light: #e8f5e9;
  --color-primary-border: #1b5e20;
  --bg-primary-glossy: linear-gradient(180deg, #4caf50 0%, #388e3c 45%, #2e7d32 50%, #1b5e20 100%);
  --bg-primary-glossy-hover: linear-gradient(180deg, #66bb6a 0%, #43a047 45%, #388e3c 50%, #2e7d32 100%);
  --bg-primary-glossy-pressed: linear-gradient(180deg, #1b5e20 0%, #2e7d32 50%, #388e3c 100%);

  /* Secondary & Action Button Gradients (2010-2015 Glossy Bevels) */
  --bg-btn-default: linear-gradient(180deg, #ffffff 0%, #f4f6f8 45%, #e1e4e8 50%, #d0d4dc 100%);
  --bg-btn-default-hover: linear-gradient(180deg, #ffffff 0%, #eef2f6 45%, #d8dde5 50%, #c8ced8 100%);
  --bg-btn-default-pressed: linear-gradient(180deg, #b8c0cc 0%, #c8ced8 40%, #d8dde5 100%);

  --bg-btn-blue: linear-gradient(180deg, #42a5f5 0%, #1e88e5 45%, #1976d2 50%, #1565c0 100%);
  --bg-btn-blue-hover: linear-gradient(180deg, #64b5f6 0%, #2196f3 45%, #1e88e5 50%, #1565c0 100%);
  
  --bg-btn-amber: linear-gradient(180deg, #ffa726 0%, #fb8c00 45%, #f57c00 50%, #e65100 100%);
  --bg-btn-amber-hover: linear-gradient(180deg, #ffb74d 0%, #ffa726 45%, #fb8c00 50%, #ef6c00 100%);

  --bg-btn-red: linear-gradient(180deg, #ef5350 0%, #e53935 45%, #d32f2f 50%, #c62828 100%);
  --bg-btn-red-hover: linear-gradient(180deg, #e57373 0%, #ef5350 45%, #e53935 50%, #b71c1c 100%);

  --bg-btn-dark: linear-gradient(180deg, #4f5b66 0%, #3e474f 45%, #343c44 50%, #262c32 100%);

  /* Classic POS Table & Floor Statuses */
  --status-available: #2e7d32;
  --status-available-bg: #e8f5e9;
  --status-occupied: #c62828;
  --status-occupied-bg: #ffebee;
  --status-reserved: #ef6c00;
  --status-reserved-bg: #fff3e0;
  --status-cleaning: #0277bd;
  --status-cleaning-bg: #e1f5fe;

  /* Typography Colors */
  --text-main: #1f2937;
  --text-heading: #111827;
  --text-muted: #6b7280;
  --text-light: #9ca3af;
  --text-white: #ffffff;
  --text-dark-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  --text-light-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);

  /* Borders & 1px Bevels */
  --border-dark: #9aa1ab;
  --border-light: #bcc2cb;
  --border-subtle: #d5d9df;
  --border-highlight: #ffffff;
  --border-btn-default: #8f98a3;
  --border-panel: #a0a7b2;

  /* Shadows (Glossy 2010s enterprise bevels & glass) */
  --shadow-bevel-btn: 
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    inset 0 -1px 0 rgba(0, 0, 0, 0.15),
    0 1px 2px rgba(0, 0, 0, 0.2);

  --shadow-bevel-btn-pressed: 
    inset 0 2px 4px rgba(0, 0, 0, 0.35),
    inset 0 1px 2px rgba(0, 0, 0, 0.25),
    0 1px 0 rgba(255, 255, 255, 0.6);

  --shadow-panel-inset: 
    inset 0 1px 3px rgba(0, 0, 0, 0.12),
    inset 0 0 1px rgba(0, 0, 0, 0.2);

  --shadow-window: 
    0 8px 30px rgba(0, 0, 0, 0.35),
    0 2px 8px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);

  --shadow-popover: 
    0 6px 18px rgba(0, 0, 0, 0.25),
    0 0 0 1px var(--border-dark);

  /* Corner Radius */
  --radius-xs: 3px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-pill: 9999px;

  /* Typography */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Tahoma, Arial, sans-serif;
  --font-mono: "Segoe UI Mono", Consolas, "Courier New", monospace;
  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-md: 13px;
  --font-size-base: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --font-size-2xl: 22px;
  --font-size-3xl: 28px;
  --font-size-4xl: 34px;

  /* Spacing */
  --space-2xs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-2xl: 24px;

  /* Z-Index Hierarchy */
  --z-base: 1;
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-modal-backdrop: 2000;
  --z-modal: 2010;
  --z-popover: 2020;
  --z-tooltip: 2030;
  --z-toast: 2050;
}