/* ═══════════════════════════════════════════════
   MEDORDER – Global Shared Styles
   Background: Seller-page warm gradient (all pages)
   ═══════════════════════════════════════════════ */
:root {
  --teal: #0a7b6f; --teal-light: #12a898; --teal-pale: #e6f7f5;
  --accent: #f4a435; --accent-pale: #fff4e0;
  --green: #16a34a; --green-pale: #dcfce7;
  --yellow: #ca8a04; --yellow-pale: #fef9c3;
  --red: #dc2626; --red-pale: #fee2e2;
  --purple: #667eea; --purple-pale: #ede9ff;
  --dark: #0d1f1e; --text: #1a3432; --muted: #7a9997;
  --surface: #ffffff; --bg: #f0faf8; --border: #c8e8e4;
  --shadow: 0 4px 20px rgba(10,123,111,0.12);
  --shadow-lg: 0 8px 32px rgba(10,123,111,0.18);
  --radius: 18px;
  --page-bg: linear-gradient(to right, #7a2500 0%, #cc712c 25%, #252500 50%, #32a539 75%, #063d1a 100%);
}