/*
oooooo     oooo                     o8o             .o8       oooo                     
 `888.     .8'                      `"'            "888       `888                     
  `888.   .8'    .oooo.   oooo d8b oooo   .oooo.    888oooo.   888   .ooooo.   .oooo.o 
   `888. .8'    `P  )88b  `888""8P `888  `P  )88b   d88' `88b  888  d88' `88b d88(  "8 
    `888.8'      .oP"888   888      888   .oP"888   888   888  888  888ooo888 `"Y88b.  
     `888'      d8(  888   888      888  d8(  888   888   888  888  888    .o o.  )88b 
      `8'       `Y888""8o d888b    o888o `Y888""8o  `Y8bod8P' o888o `Y8bod8P' 8""888P' 
*/                                                                                     
                                                                                       
/* Site-wide variables. Will maybe in the future put directly in the header to make it possible to 
manipulate them via the Kirby CMS Panel. */                                                                                     

:root {
  --transition-speed: 0.5s;

  --site-content: 1200px;
  --site-padding-min: 1rem;
  --site-padding-ratio-left: 0.5;

  --site-padding-ratio-right: calc(1 - var(--site-padding-ratio-left));
  --site-padding-left: calc((100vw - var(--site-content)) * var(--site-padding-ratio-left));
  --site-padding-right: calc((100vw - var(--site-content)) * var(--site-padding-ratio-right));

  --border-radius: 2rem;
}