:root {

    /* Colors */
    --primary: #d4a437;
    --primary-hover: #C9973E;

    --black: #121314;
    --secondary: #1b1c1e;

    --white: #FFFFFF;
    --text: #f2f2f2;
    --border: #3a3b3e;

     /* Container */
    --container-width: 1320px;
    --container-padding: 20px;

    /* Typography */
    --font-family: "Montserrat", sans-serif;	

    --fs-14: 14px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-24: 24px;
    --fs-42: 42px;
    --fs-60: 60px;

    /* Font Weight */
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;

    /* Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* Transition */
    --transition: 0.3s ease;
}