/*==================================
Font Variables
==================================*/
:root {
  --uc-primary-font: 'Urbanist', sans-serif;
  --uc-secondary-font: 'Arial', sans-serif;
  --uc-text-font: 'Roboto', sans-serif;
  --uc-accent-font: 'Urbanist', sans-serif;
  --uc-general-font: 'Roboto', sans-serif;
}

/*==================================
Theme Color Variables 
==================================*/
:root {
  /* Brand anchors */
  --uc-primary-color: #0d5177;
  /* Deep blue */
  --uc-secondary-color: #27b2e1;
  /* Bright cyan */
  --uc-accent-color: #f5a623;
  /* Warm accent (CTA/highlights) */

  /* Backgrounds */
  --uc-bg-color: #0b1a24;
  /* Main dark background */
  --uc-dark-color: #061017;
  /* Darker sections: header/footer */
  --uc-footer-color: #061017;
  /* Footer matches dark color */

  /* Light surfaces (must be truly light per variable name) */
  --uc-white-color: #ffffff;
  --uc-light-color: #f5f7fa;
  /* Light panels/cards */
  --uc-light-gray-color: #e6edf3;
  /* Light gray for borders/dividers on dark */

  /* Neutral/mid grays */
  --uc-gray-color: #93a1ad;
  /* Mid gray for muted elements */
  --uc-default-color: #061017;
  /* Default text on dark backgrounds */
  --uc-text-gray-color: #9fb3c0;
  /* Secondary text */
  --uc-text-color2: #b9c7d2;
  /* Subtle text */
  --uc-text-color3: #cfd8dc;
  --uc-text-color4: #e5edf1;

  /* Opacity variants now match their base variables */
  --uc-primary-opacity-color: rgba(13, 81, 119, 0.85);
  --uc-secondary-opacity-color: rgba(39, 178, 225, 0.85);
  --uc-dark-opacity-color: rgba(6, 16, 23, 0.85);
  --uc-white-opacity-color: rgba(255, 255, 255, 0.5);

  /* RGB tokens aligned with the new colors */
  --uc-primary-color-rgba: 13, 81, 119;
  --uc-secondary-color-rgba: 39, 178, 225;
  --uc-dark-color-rgba: 6, 16, 23;

  /* Status colors */
  --uc-success-color: #1ec38b;
  --uc-danger-color: #e94e3c;
}