/*======================================
Project : Ghori Agro
File    : variables.css
Author  : Ameerul Islaam
======================================*/
  

:root{

    /*==========
    Colors
    ==========*/

    /* Brand Colors */

    --primary-color: #2f6b3b;
    --secondary-color: #8c5a2b;
    --accent-color: #d4a017;


    /* Text Colors */

    --heading-color: #222222;
    --text-color: #555555;
    --light-text-color: #777777;


    /* Background Colors */

    --background-color: #f8f6f1;
    --surface-color: #ffffff;


    /* Border */

    --border-color: #e5e5e5;


    /* Basic Colors */

    --white-color: #ffffff;
    --black-color: #000000;



    /*==========
    Typography
    ==========*/
 
    --heading-font: "Hind Siliguri", "Noto Sans Bengali", sans-serif;
    
    --body-font: "Hind Siliguri", "Noto Sans Bengali", sans-serif;

    /*==========
    Font Size
    ==========*/
 
    --fs-14: 0.875rem;
    --fs-16: 1rem;
    --fs-18: 1.125rem;
    --fs-20: 1.25rem;

    --fs-24: 1.5rem;
    --fs-30: 1.875rem;
    --fs-36: 2.25rem;
    --fs-48: 3rem;



    /*==========
    Font Weight
    ==========*/

    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;



    /*==========
    Layout
    ==========*/

    --container-width: 1200px;
    --container-padding: 15px;
    --section-padding: 100px 0;



    /*==========
    Border Radius
    ==========*/

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-full: 999px;


    /*==========
    Shadow
    ==========*/
    
    --shadow-sm: 0 2px 10px rgba(0,0,0,.08);
    --shadow-md: 0 6px 20px rgba(0,0,0,.12);



    /*==========
    Transition
    ==========*/

    --transition: 0.3s ease;

}