/* ===== Portal Theme — Official Pulsar Care brand sheet ===== */
:root {
  /* Primary brand color — overridden dynamically per clinic when set */
  --portal-primary: #499FE8;
  --portal-primary-rgb: 73, 159, 232;
  --portal-primary-light: #E6F2F3;
  --portal-primary-dark: #0D1B3D;

  /* Gradient */
  --portal-gradient: linear-gradient(135deg, #499FE8 0%, #1978C7 100%);

  /* Accent */
  --portal-accent: #499FE8;
  --portal-accent-rgb: 73, 159, 232;

  /* Neutral palette (brand sheet) */
  --portal-bg: #F3F6F8;
  --portal-clinic-selector-bg: #F3F6F8;
  --portal-surface: #FFFFFF;
  --portal-text: #0D1B3D;
  --portal-text-secondary: #4A5468;
  --portal-text-muted: #94A3B8;
  --portal-border: #DDE6F2;
  --portal-divider: #E6F2F3;

  /* Status colors */
  --portal-success: #38A169;
  --portal-warning: #DD6B20;
  --portal-danger: #E53E3E;
  --portal-info: #499FE8;
  --portal-pending: #D69E2E;

  /* Shadows */
  --portal-shadow-sm: 0 1px 2px rgba(13, 27, 61, 0.06);
  --portal-shadow-md: 0 8px 20px rgba(13, 27, 61, 0.08);
  --portal-shadow-lg: 0 18px 42px rgba(13, 27, 61, 0.12);

  /* Radius */
  --portal-radius-sm: 8px;
  --portal-radius-md: 10px;
  --portal-radius-lg: 12px;
  --portal-radius-xl: 16px;

  /* Typography — Poppins (EN) + Cairo (AR) */
  --portal-font-ar: 'Cairo', 'Poppins', sans-serif;
  --portal-font-en: 'Poppins', 'Roboto', sans-serif;

  /* Spacing */
  --portal-header-height: 56px;
  --portal-safe-top: env(safe-area-inset-top, 0px);
  --portal-header-total-height: calc(var(--portal-header-height) + var(--portal-safe-top));
  --portal-tabs-height: 64px;
  --portal-safe-bottom: env(safe-area-inset-bottom, 0px);
}

/* ===== LTR overrides (English mode) ===== */
html[dir="ltr"] {
  --portal-font-primary: var(--portal-font-en);
}

html[dir="rtl"] {
  --portal-font-primary: var(--portal-font-ar);
}