@import url('./fonts.css');

:root {
    /* COLORS */
    --body-bg: rgba(255, 255, 255, 1);
    --primary-color: #888161;
    --white: #ffffff;
    --black: #000000;
    --dark-gray: #8A8A8A;
    --gradient: linear-gradient(180deg, #888161 0%, #9C946E 100%);
    --gray: #ccc;
    --light-gray: #aaa;
    --very-light-gray:#CFCFCF;
    --gainsboro:#DDDDDD;

    /* FONT FAMILY */
    --roboto-font: "Roboto", sans-serif;
    --source-serif-4-font: "Source Serif 4", serif;

    /* FONT SIZES */
    --font-size-10: 10px;
    --font-size-11: 11px;
    --font-size-12: 12px;
    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-22: 22px;
    --font-size-24: 24px;
    --font-size-26: 26px;
    --font-size-28: 28px;
    --font-size-30: 30px;
    --font-size-32: 32px;
    --font-size-40: 40px;
    --font-size-60: 60px;

    /* FONT WEIGHTS */
    --font-weight-100: 100;
    --font-weight-200: 200;
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;
    --font-weight-800: 800;
    --font-weight-900: 900;
}