:root {

    /* SIZE OPTIONS */
    --header-gap-size: 100px;
    --nav-size: 60px;
    --banner-size: 500px;
    --nav-max-width: min(95%, 1200px);

    /* LINK COLOURS */
    --link-col: #ca704f;
    --link-col-accent: #323b58;

     /* COLOUR SCHEME */
    --text-col: white;
    --col-style-1:deeppink;
    --col-style-2:#323b58;
    --col-style-3:#ca704f;
    --col-style-4:#c69e67;

    /* BODY /BACKGROUND */
    --body-bg-col: black;

    /* NAV AREA */
    --header-bg-col: var(--body-bg-col);
    
    --nav-bg-col: #222;
    --nav-bg-col-accent: deeppink;
    
    --nav-bg-dropdown-L1: #222;
    --nav-bg-dropdown-L2: #333;
    --nav-bg-dropdown-L3: #444;
    --nav-bg-dropdown-L4: #555;
    
    --nav-link-col: deeppink;
    --nav-link-col-accent: white;

    /* CONTENT AREA */
    --content-bg-col: #111;

    /* FONT-Size */
    --step--3: clamp(0.60rem, calc(0.55rem + 0.35vw), 0.78rem);
    --step--2: clamp(0.69rem, calc(0.61rem + 0.42vw), 0.91rem);
    --step--1: clamp(0.83rem, calc(0.73rem + 0.51vw), 1.09rem);
    --step-0: clamp(1.00rem, calc(0.88rem + 0.61vw), 1.31rem);
    --step-1: clamp(1.20rem, calc(1.05rem + 0.73vw), 1.58rem);
    --step-2: clamp(1.44rem, calc(1.26rem + 0.88vw), 1.89rem);
    --step-3: clamp(1.73rem, calc(1.52rem + 1.05vw), 2.27rem);
    --step-4: clamp(2.07rem, calc(1.82rem + 1.26vw), 2.72rem);
    --step-5: clamp(2.49rem, calc(2.18rem + 1.52vw), 3.27rem);
  }