/******************** 
     General
*********************/
:root {

/* colors */
    /* = Base Colors = */
    --pure-white: #FFFFFF;
    --pure-black:#000000;
    --true-black: #020202;

    /* = Light Grays = */
    --snow-gray: #F5F5F5;
    --cloud-gray: #F5F5F7;
    --silver-mist: #E6E6E6;

    /* = Medium Grays = */
    --ash-gray: #B7B7B7;
    --ash-gray-light: rgba(183, 183, 183, 0.4);
    --mauve-gray: #9E9B9C;
    --slate-gray: #595959;
    
    /* = Dark Grays = */
    --charcoal: #282828;
    --obsidian: #1A1A1A;
    --pitch-gray: #121212;

    /* = Accent = */
    --amber-orange: #FF9800;
    --tangerine-orange: #FF6600;

/* Borders */
     --border-radius-50: 50%;
     --border:  1px solid var(--ash-gray-light, #B7B7B7);

/* Typography */
    --font-main: 'Inter', Arial, Helvetica;
  
/* Widths */
    --contact-link-width: 220px;

/* Margins */
    --ml30: 30px;
    --ml60: 60px;

}