/* 
===============================
🌎 Main Stylesheet (main.css) 🌎
===============================
This file imports all core styles and defines global resets 
for consistent styling across the project.
*/

/* Importing Core Styles */
/* @import url(./animations.css); */
@import url(./colors.css);
@import url(./fonts.css);
@import url(./transitions.css);
/* @import url(./markdown-styles.css); */

/* Global Reset */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden !important;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100vw;
    max-width: 100vw;

    color: var(--text-primary);
    background-color: var(--color-white);

    font-weight: 400;
    font-family: var(--font-primary);
    transition: background ease-in-out 0.3s, color ease-in-out 0.3s;
}

svg {
  stroke: var(--text-primary) !important;
}

.white-theme svg {
  stroke: black !important;
}