/* ===== Portal Theme — CSS Custom Properties ===== */
:root {
  /* Primary brand color — overridden dynamically per clinic */
  --portal-primary: #004A8F;
  --portal-primary-rgb: 0, 74, 143;
  --portal-primary-light: #E8F0FE;
  --portal-primary-dark: #003366;

  /* Gradient */
  --portal-gradient: linear-gradient(135deg, #004A8F 0%, #0073E6 100%);

  /* Accent */
  --portal-accent: #00BFA5;
  --portal-accent-rgb: 0, 191, 165;

  /* Neutral palette */
  --portal-bg: #F7F9FC;
  --portal-clinic-selector-bg: #F7F9FC;
  --portal-surface: #FFFFFF;
  --portal-text: #172033;
  --portal-text-secondary: #64748B;
  --portal-text-muted: #94A3B8;
  --portal-border: #DDE6F2;
  --portal-divider: #E8EEF6;

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

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

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

  /* Typography */
  --portal-font-ar: 'Cairo', sans-serif;
  --portal-font-en: '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);
}