/* ===== 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: #F5F7FA;
  --portal-surface: #FFFFFF;
  --portal-text: #1A202C;
  --portal-text-secondary: #718096;
  --portal-text-muted: #A0AEC0;
  --portal-border: #E2E8F0;
  --portal-divider: #EDF2F7;

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

  /* Shadows */
  --portal-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --portal-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --portal-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);

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

  /* 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);
}