@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;700&display=swap");

:root {
    --base-1: #334555;
    --base-2: #425533;

    --accent-1: #ce5942;
    --accent-2: #a6c052;
    --accent-3: #4a7c91;
    --accent-4: #334555;
    --accent-5: #aa963c;
    --accent-6: #c7a29c;

    --grey: #443f3f;
    --light-grey: #8f8f8f;
    --light: #ffffff;
    --card: #fdfaf4;
    --card-transparent: rgba(253, 250, 244, 0.9);
    --card-foreground: #332c29;
    
    --sidebar: #b9a896;
    --sidebar-light: #cabbab;
    --sidebar-width: 400px;
    --sidebar-foreground: #686868d8;
    --sidebar-border: rgba(51, 44, 41, 0.12);

    --border: rgba(51, 44, 41, 0.15);
}