:root {

    /* Primary */

    --primary: #B08D57;
    --primary-light: #D4B47A;

    /* Neutrals */

    --black: #0F1115;
    --dark: #1A1F28;
    --charcoal: #2B313A;

    --white: #FFFFFF;
    --cream: #F8F5EF;
    --light: #ECE8E1;

    /* Text */

    --text-dark: #2D2D2D;
    --text-light: #707070;

    /* Borders */

    --border: rgba(176, 141, 87, .18);

    /* Shadows */

    --shadow-sm: 0 5px 15px rgba(0, 0, 0, .05);

    --shadow-md: 0 10px 30px rgba(0, 0, 0, .08);

    --shadow-lg: 0 25px 70px rgba(0, 0, 0, .15);

    /* Radius */

    --radius-sm: 8px;

    --radius: 16px;

    --radius-lg: 28px;

    /* Width */

    --container: 1280px;

    /* Animation */

    --transition: .4s ease;

}