:root {
  color-scheme: light;
  --ep-color-primary: #06b1ee;
  --ep-color-primary-dark: #047fb5;
  --ep-color-primary-soft: #d5f7f8;
  --ep-color-accent: #32a2c3;
  --ep-color-ink: #062b3b;
  --ep-color-ink-soft: #33566a;
  --ep-color-muted: #637784;
  --ep-color-border: #d9edf4;
  --ep-color-border-strong: #b4dae6;
  --ep-color-surface: #ffffff;
  --ep-color-surface-soft: #f5fcff;
  --ep-color-surface-blue: #edfaff;
  --ep-color-success: #0f9d58;
  --ep-color-warning: #b56a04;
  --ep-color-danger: #c62828;
  --ep-color-star: #f6b400;
  --ep-color-grey: #929497;

  /* Compatibility variables used by EagleCart drawer fragments. */
  --ep-blue: var(--ep-color-primary);
  --ep-navy: var(--ep-color-ink);
  --ep-line: var(--ep-color-border);

  --ep-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --ep-font-display: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
  --ep-font-arabic: "Cairo", "Tajawal", Tahoma, Arial, sans-serif;

  --ep-container: 1180px;
  --ep-page-gutter: clamp(1rem, 3vw, 2rem);
  --ep-radius-xs: 0.5rem;
  --ep-radius-sm: 0.75rem;
  --ep-radius-md: 1rem;
  --ep-radius-lg: 1.5rem;
  --ep-radius-xl: 2rem;
  --ep-shadow-soft: 0 16px 50px rgba(6, 43, 59, 0.09);
  --ep-shadow-card: 0 14px 34px rgba(6, 43, 59, 0.1);
  --ep-shadow-button: 0 12px 26px rgba(6, 177, 238, 0.22);

  --ep-transition-fast: 160ms ease;
  --ep-transition-base: 240ms ease;
  --ep-header-height: 82px;
  --ep-topbar-height: 38px;
}