/* variables - loaded AFTER bootstrap.css */

:root {
  
  /* Brand Colors */
  --brand-primary-color:        #304991;    /* Blue */
  --brand-secondary-color:      #CF0800;    /* Red */
  --brand-text-color:           #333;       /* Black */
  
  --text-color-main:            var(--brand-text-color);
  
  /* Greys */
  
  /* Ultra light (optional but useful) */
  --color-gray-25:  #FCFCFD;

  /* Core UI greys */
  --color-gray-50:  #F9FAFB;
  --color-gray-100: #F2F4F7; /* Normal Bootstrap panel-heading light background and bg-grey (#f5f5f5) */
  --color-gray-150: #EEEEEE; /* Normal Bootstrap th darker background (#EEEEEE) */
  --color-gray-200: #E4E7EC;
  --color-gray-250: #DDDDDD; /* Normal Bootstrap border */
  --color-gray-300: #D0D5DD;

  /* Mid greys */
  --color-gray-400: #98A2B3;
  --color-gray-500: #667085;

  /* Dark greys */
  --color-gray-700: #344054;
  --color-gray-900: #101828;
  
  /* Named Colors */
  --white:                      #FFF;
  --black:                      #000;
  --grey:                       var(--color-gray-100);
  --grey-lighter:               var(--color-gray-50);
  --grey-darker:                var(--color-gray-150);
  --red:                        var(--brand-secondary-color);
  --green:                      #5cb85c;
  --blue:                       var(--brand-primary-color);
  
  --color-hytera-blue:          #20409A;
  --color-hytera-green:         #88ab2d;
  --color-kenwood-black:        #000;
  --color-kenwood-red:          #e93b3d;
  --color-entel-grey:           #646363;
  --color-entel-blue:           #15719d;
  
  --color-facebook:             #3C5A99;
  --color-twitter:              #1DA1F2;
  --color-youtube:              #FF0000;
  --color-linkedin:             #0077B5;
  --color-instagram:            #C13584;
  
  --text-color-paragraph:       var(--text-color-main);
  --text-muted:                 var(--color-gray-500);
  --text-subtle:                var(--color-gray-400);
  
  --font-body:                  "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-heading:               var(--font-body);
  --font-mono:                  Consolas, "Courier New", monospace;
  
  /* Brand Core */
  --primary-color-main:         var(--brand-primary-color);
  --primary-color-main-dark:    color-mix(in srgb, var(--primary-color-main), black 10%);
  --primary-color-main-light:   color-mix(in srgb, var(--primary-color-main), white 10%);
  --primary-text-color:         var(--white);

  --secondary-color-main:       var(--brand-secondary-color);
  --secondary-color-main-dark:  color-mix(in srgb, var(--primary-color-main), black 10%);
  --secondary-color-main-light: color-mix(in srgb, var(--primary-color-main), white 10%);
  --secondary-text-color:       var(--brand-text-color);
  
  --color-accent:               var(--secondary-color-main);

  /* Backgrounds */
  --background-color-main:      #F9F9F9;    /* Page background */
  --background-color-soft:      #F5F7FA;      
  --background-color-card:      var(--white);

  /* Borders */
  --border-default: var(--color-gray-250);
  --border-subtle: var(--color-gray-300);
  --border-color: #D9DEE5;
  --border-strong: #B8C2CC;
  
  /* hr */
  --hr-line-color: var(--brand-text-color);
  --hr-shadow-color: var(--border-default);

  /* Text */
  --muted-text-color: #9AA3AF;

  /* Action Colours */
  --success-color:        #2E7D32;
  --info-color:           var(--primary-color-main);
  --warning-color:        #aa6708;
  --danger-color:         var(--secondary-color-main);
  
  --band-bg-blue-soft: color-mix(in srgb, var(--blue), var(--white) 92%);
  --band-bg-red-soft: color-mix(in srgb, var(--red), var(--white) 98%);
  --band-bg-black-soft: color-mix(in srgb, var(--black), var(--white) 96%);

  /* Buttons */
  --button-primary: #0B5993;
  --button-primary-hover: #084773;

  --button-secondary: #232123;
  --button-secondary-hover: var(--text-color-main);

  /* Links */
  --link-color: #0B5993;
  --link-hover: #084773;

  /* Tables (very important for antenna specs) */
  --table-header-bg: #0B5993;
  --table-header-text: var(--white);
  --table-row-alt: #F5F7FA;

}