/* FreshLoaf Theme • color tokens only */
:root{
  /* Surfaces */
  --color-bg: #f6f7fb;
  --color-surface: #ffffff;
  --color-panel: #f1f5f9;
  --color-border: #e5e7eb;

  /* Text */
  --color-text: #0f172a;
  --color-muted: #64748b;

  /* Brand (blue) */
  --brand-50:  #eff6ff;
  --brand-100: #dbeafe;
  --brand-200: #bfdbfe;
  --brand-300: #93c5fd;
  --brand-400: #60a5fa;
  --brand-500: #3b82f6;
  --brand-600: #2563eb;
  --brand-700: #1d4ed8;

  /* Danger / Red (low stock, alerts) */
  --red-50:  #fef2f2;
  --red-100: #fee2e2;
  --red-200: #fecaca;
  --red-500: #ef4444;
  --red-600: #dc2626;

  /* Payments (soft pink) */
  --pink-50:  #fdf2f8;
  --pink-100: #fce7f3;
  --pink-200: #fbcfe8;
  --pink-500: #ec4899;

  /* Accounts (peach/orange) */
  --orange-50:  #fff7ed;
  --orange-100: #ffedd5;
  --orange-200: #fed7aa;
  --orange-500: #f97316;

  /* Success (greens) */
  --green-50:  #ecfdf5;
  --green-100: #d1fae5;
  --green-500: #10b981;

  /* Semantic aliases for quick use */
  --accent: var(--brand-600);
  --tile-inventory-bg: var(--brand-100);
  --tile-orders-bg:    var(--brand-100);
  --tile-payments-bg:  var(--pink-100);
  --tile-accounts-bg:  var(--orange-100);
  --tile-reports-bg:   var(--red-100);
  --tile-lowstock-bg:  var(--red-100);
  --tile-lowstock-fg:  var(--red-600);
}