/* Sets a base font size for the whole document */
/* This will override any external stylesheet's 'p' color */
    
body {  


/*
  There isn't a single official HTML color name for "off-white," but popular hex codes include 
    #FAF9F6 (a general off-white),
    #FFFFF0 for Ivory (a pale yellow-white), and 
    #F5F5F5 for Whitesmoke (a light gray-white). Other common variations use similar pale shades like cream or eggshell. 
*/

 background-color: #FFFFFF;

  /* font-family: Arial, Helvetica, Verdana, sans-serif; */
  /* This CSS code is a system font stack, designed to use a website's native operating system fonts
       for a clean, fast, and familiar look across devices, prioritizing Apple's SF Pro, then Windows'
       Segoe UI, Android/Chrome's Roboto, Ubuntu's Ubuntu font, and finally a generic sans-serif fallback.
       It tells browsers: "Use the best sans-serif font built into the user's device first!" for a truly native feel. */
       
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
  font-size: 14px; 
  color:black;
  line-height: 1.3; /* Sets the list line height to 1.3 times the font size */
}

li {
  font-size: 1.0rem; /* - custom blue sub-headings */
  line-height: 1.3; /* Sets the list line height to 1.3 times the font size */
}

/* Custom sizes for MacLoggerDX and MacDoppler head logo text */

h0 {
    font-size: 48px; /* size="7" roughly maps to ~56px */
    /* font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Geneva, Swiss, "SunSans-Light"; */
    
    /* This CSS code is a system font stack, designed to use a website's native operating system fonts
       for a clean, fast, and familiar look across devices, prioritizing Apple's SF Pro, then Windows'
       Segoe UI, Android/Chrome's Roboto, Ubuntu's Ubuntu font, and finally a generic sans-serif fallback.
       It tells browsers: "Use the best sans-serif font built into the user's device first!" for a truly native feel. */
       
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
    
    color: #535353;
}

/* Custom sizes for headings */

h1 {
  font-size: 1.25rem; /* - custom blue sub-headings */
  color:navy;
}

h2 {
  font-size: 1.1rem; /* - custom blue sub-headings */
  color: navy;
}

h3 {
  font-size: 0.8rem; /*   - used for grey sub head just below nav bar  color="#2a3d68"*/
  color:grey;
}

h4 {
  font-size: 0.8rem; /*  */
  color:black;
}

h5 {
  font-size: 0.8rem; /*   */
  color:grey;
}

/* All paragraphs */

p {
  font-size: 1.0rem;
  color: black; 
}

p1 { /* features lists, paragraphs etc. */
  font-size: 0.8rem;
  color:black;
}

p2 {
  font-size: 0.80rem;
  color:black;
}

p3 {	/* fine print */
  font-size: 0.78rem;
  color:black;
}

/* A specific paragraph with a class "large" will be 24px (1.5 * 16px) */
p.large {
  font-size: 1.5rem; 
  color:black;
}

.BROWN {
  color: #AA7942;
}

.GREEN {
  color: #00F900;
}

.DARK_GREEN {
  color: #008900;
}

.RED {
  color: #FF2600;
}

.DARK_RED {
  color: #E02600;
}

.BLUE {
  color: #0433FF;
} 

.DARK_YELLOW {
  color: #EEBB00;
}

.GREY {
  color: grey;
}

.LIGHT_GREY {
  color: #F8F8F8;
}

.MAGENTA {
  color: magenta;
}