/* ==========================================================================
   UI :: Theme tokens  (Mobily — Saudi telecom palette)
   Single source of truth for brand colors used by the ui-*.css files.
   Load this FIRST.
   ========================================================================== */

:root {
  --mobily-blue: #0a4d9e;   /* deep brand blue   */
  --mobily-cyan: #00b8e6;   /* vivid cyan accent */
  --mobily-navy: #04143f;   /* dark surfaces     */
  --mobily-sky:  #e8f3fb;   /* tint background   */

  /* gradients */
  --mobily-gradient:      linear-gradient(135deg, #0a4d9e 0%, #00b8e6 100%); /* vibrant, accents */
  --mobily-gradient-dark: linear-gradient(135deg, #0a4d9e 0%, #04143f 100%); /* white-text safe  */
}