/* Customize the splash/loading theme color per deployment.
   Synced with App themeColor from lib/indiv/configs/app_config.dart (Color(0xFF80C4DA)) */
:root {
  /* Base brand tone (themeColor) */
  --theme-color: #80C4DA;
  --theme-color-rgb: 128, 196, 218;
  /* Tints and shades derived from base */
  --theme-color-light: #A0D3E3; /* ~25% lighter */
  --theme-color-light-rgb: 160, 211, 227;
  --theme-color-dark: #6499AA;  /* ~22% darker */
  /* Soft overlays of base color */
  --theme-color-soft: rgba(128, 196, 218, 0.22);
  --theme-color-muted: rgba(128, 196, 218, 0.16);
  /* Strong on-color for contrast elements on tinted backgrounds */
  --theme-color-strong: #143A4A;
  --theme-color-strong-rgb: 20, 58, 74;
  /* Splash background/text */
  --splash-surface: #FFFFFF;
  --splash-text: rgba(14, 42, 51, 0.78);
}