:root {

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

    --black: #0F1117;
    --secondary: #161B24;

    --white: #FFFFFF;
    --text: #C7C7C7;
    --border: #2A2A2A;

     /* 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;
}