/* BrainHealth MD's look, copied from the original React Native app's live "blue" theme
   (brainwise-mobile src/theme/ThemeVariants.ts blueThemeColors / blue extras). Keep these names when adding screens. */
:root {
  --primary: #003153; --primary-dark: #001D35; --primary-light: #126180;
  --accent: #1DA1F2; --accent-2: #87CEEB;
  --success: #4CAF50; --warning: #FFC107; --error: #FF5A5F;
  --text: #F0F4F8; --text-2: rgba(240,244,248,0.8); --text-muted: rgba(240,244,248,0.6);
  --card: rgba(0,49,83,0.2); --border: rgba(135,206,235,0.3); --input-bg: rgba(135,206,235,0.1);
  --brand-sub: #87CEEB; --rays: rgba(135,206,235,0.4);
  --bg-gradient: linear-gradient(135deg, #003153 0%, #126180 40%, rgba(0,49,83,0.8) 70%, #1DA1F2 100%);
  --button-gradient: linear-gradient(90deg, #1DA1F2, #126180);
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;
  color-scheme: dark;
  -webkit-text-size-adjust: 100%; text-size-adjust: 100%;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { font-family: var(--font); color: var(--text); background: #003153 var(--bg-gradient) fixed; min-height: 100vh; min-height: 100dvh; }