/* IMPORTS */
@import url('https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Dots:wght@400..700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* Setting up colors */
:root {
    --bg-color-light: whitesmoke; 
    --h1-bg-light: hsl(0, 0%, 50%); 
    --h1-color: #f5f5f5; 
    --p-color: gray;
    --trailer-text-light: #444444; 
    --trailer-text-hover-light: #5c6cff;
    --highlight-light: navy;  
    --anker-light: #5c6cff;        
    --anker-hover-light: #9d6bff;  
    --an-description-light: #4a4a5e; 
    --header-line-anker: black;
    --footer-bg-color-light: lavender;
    --footer-links-light: hsl(0, 0%, 20%);
    /* Dark mode colors */
    --bg-color-dark: black;
    --body-color-dark: black;
    --h1-bg-dark: hsl(0, 0%, 20%);
    --trailer-text-dark: #dddddd;
    --trailer-text-hover-dark: #9d6bff;
    --highlight-dark:  hsl(240, 100%, 65%);
    --anker-dark: #4a4fff;         
    --anker-hover-dark: #b388ff;   
    --an-description-dark: #a5a5c5;    
    --footer-bg-color-dark: #312c2cb0; 
    --footer-links-dark: hsl(0, 0%, 65%);
}