/* 
 * MOBILE DESIGN TOKENS
 * This file contains the global CSS variables for mobile adaptations across all portals.
 * Do not hardcode these values in the individual portal CSS files.
 */
:root {
  /* Safe Areas & Padding */
  --mobile-padding-safe: 16px;
  --mobile-margin-bottom: 24px;
  
  /* Typography - Mobile */
  --mobile-font-size-base: 14px;
  --mobile-font-size-title: 18px;
  
  /* Mobile UI Elements */
  --bottom-nav-height: 65px;
  --btn-radius-mobile: 12px;
  --mobile-card-radius: 16px;
  
  /* Interactive Elements */
  --mobile-touch-target-min: 44px; /* Apple/Google accessibility minimum */
  
  /* Animations */
  --mobile-transition-speed: 0.3s;
}