:root {
    --red: #f00;
    --green: #0f0;
    --blue: #00f;
    --black: #000;
    --white: #fff;

/* from Adobe Kuler - MDLS Libraries "Orange Grey"
       Color Theme Swatches in Hex */
    
    --link: #302C38;
    --accent: #8AA8B0;
    --orange: #F26101;
  
    --grey: #727272;
    --grey-xxlt: #fcfcfc;
    --grey-xlt: #eee;
    --grey-lt: #dedede;
    --grey-dk: #313732;
    --grey-xdk: #302C38;

    --ff-s: jaf-bernina-sans, sans-serif;
    
    --fs-sm: calc(var(--fs) * 0.75);
    --fs: 18px;
    --fs-bitlg: calc(var(--fs) * 1.25);      
    --fs-lg: calc(var(--fs) * 1.5);
    --fs-xlg: calc(var(--fs) * 2);
    --fs-xxlg: calc(var(--fs) * 3);

    --text-clr: var(--grey-dk);

    --spc-xsm: 0.25rem;
    --spc-sm: 0.5rem;
    --spc: 1rem;
    --spc-lg: 1.25rem;
    --spc-xlg: 1.5rem;
    --spc-xxlg: 2rem;
    
    --bkpt-sm: 40rem; /* 640px */
    --bkpt-md: 55rem; /* 880px */
    --bkpt-lg: 70rem; /* 1120px */

}