/*-----------------------------------*\
  #variable.css
\*-----------------------------------*/

/**
 * copyright 2022 @code with waddah " malgum - solution "
 */





/*-----------------------------------*\
  #VARIABLE
\*-----------------------------------*/

:root {
    /**
     * colors 
     */
     
     --colors-accentColorPrimary20: rgba(252, 180, 42, 0.19999999999999996);
     --colors-accentColorPrimary: #FCB42A;
     --colors-accentColorSecondary: #AC417B;
     --colors-accentColorSecondary20: rgba(172, 65, 123, 0.19999999999999996);
 

      --primary: #fff;
      --secondery: #a2a2a2;
      --accent: #ffb331;
      --main-color:#e2c78c;
      --darkblue:#0D1F2B;
     --darkblue2:#0D2E44;
     --darkblue3: #0b5d86;
     --light-color:#666;
     --white:#fff;
     --light-gray: hsl(0, 0%, 80%);
     --cultured: hsl(228, 26%, 96%);
     --white: hsl(0, 0%, 100%);
  
  
     --primary1: #472D2D;
     --primary2: #553939;
     --primary3: #704F4F;
     --primary4: #A77979;
     
  
            
    /**
     * typography 
     */
  
     --fs-1: 48px;
     --fs-2: 44px;
     --fs-3: 38px;
     --fs-4: 36px;
     --fs-5: 32px;
     --fs-6: 28px;
     --fs-7: 24px;
     --fs-8: 22px;
     --fs-9: 18px;
     --fs-10: 16px;
     --fs-11: 12px;
  
     --fw-5: 300;
     --fw-6: 400;
     --fw-7: 500;
     --fw-8: 600;
     --fw-9: 700;
     --fw-10: 900;
     --fw-11: 1000;
    /**
     * spacing 
     */
  
    --px: 15px;
    --py: 80px;
  
    /**
     * others 
     */
  
    --default-transition: 0.25s ease;
  
  }