:root {
  --primary: #E84A7A;
  --primary-light: #FDE8EF;
  --primary-dark: #C93664;
  --primary-gradient: linear-gradient(135deg, #E84A7A 0%, #F472B6 100%);

  --bg: #F8F9FB;
  --bg-white: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-sidebar: #0F172A;
  --bg-sidebar-hover: rgba(255,255,255,0.08);

  --text: #1A1A2E;
  --text-secondary: #6B7280;
  --text-muted: #9CA3AF;
  --text-sidebar: #CBD5E1;
  --text-sidebar-active: #FFFFFF;

  --border: #E5E7EB;
  --border-light: #F3F4F6;

  --danger: #EF4444;
  --danger-light: #FEF2F2;
  --success: #10B981;
  --success-light: #ECFDF5;
  --warning: #F59E0B;
  --warning-light: #FFFBEB;
  --info: #3B82F6;
  --info-light: #EFF6FF;

  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --shadow: 0 2px 12px rgba(0,0,0,0.06);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.1);
  --shadow-xl: 0 16px 48px rgba(0,0,0,0.12);

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  --sidebar-width: 240px;
  --header-height: 56px;

  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --font-mono: 'SF Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', monospace;

  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Dark theme for admin/POS */
[data-theme="dark"] {
  --bg: #0F172A;
  --bg-white: #1E293B;
  --bg-card: #1E293B;
  --text: #F1F5F9;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --border: #334155;
  --border-light: #1E293B;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.2);
  --shadow: 0 2px 12px rgba(0,0,0,0.3);
}