/* |----------------------------------------------------------------------------
| GLOBAL RESET & BASE STYLES
|--------------------------------------------------------------------------
| DESCRIPTION:
| Resets browser defaults for a consistent appearance.
| 1. Enables box-sizing: border-box for precise dimensions.
| 2. Removes margins from body and titles.
| 3. Makes images responsive by default.
| 4. Links the body of the page to variables.css.
|---------------------------------------------------------------------
*/
/* 1. Universal Box Sizing */
*, *::before, *::after {box-sizing: border-box;}
/* 2. Body Defaults */
body {margin:0;padding:0;line-height: 1.5;-webkit-font-smoothing: antialiased;font-family: var(--font-main);background-color: var(--bg-body);color: var(--text-main);transition: background-color 0.3s ease, color 0.3s ease;}

/* 3. Media Defaults */
img, picture, video, canvas, svg {display: block;max-width: 100%;}

/* 4. Typography Reset */
h1, h2, h3, h4, h5, h6, p {margin: 0;font-weight: normal;}

/* 5. Form Element Inheritance */
input, button, textarea, select {font: inherit;color: inherit;}

/* 6. Link Defaults */
a {color: var(--color-primary);text-decoration: none;}
a:hover {color: var(--color-primary-hover);}