:root {
  /* Colors */
  --color-background: #f4f6f8;
  --color-surface: #ffffff;
  --color-surface-secondary: #f8f9fa;

  --color-border: #e4e7eb;

  --color-text: #18202a;
  --color-text-muted: #697386;

  --color-primary: #17202a;
  --color-primary-hover: #26313d;

  --color-success: #16825d;
  --color-success-light: #e9f7f1;

  --color-danger: #a63a2c;
  --color-danger-light: #fff2f0;
  --color-danger-border: #ffd6d1;

  /* Radius */
  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-card:
    0 1px 2px rgba(16, 24, 40, 0.04),
    0 8px 24px rgba(16, 24, 40, 0.06);

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;

  /* Layout */
  --cash-register-sidebar-width: 390px;

  /* Transitions */
  --transition-fast: 120ms ease;
}