/* 
   ==========================================================================
   2-base.css
   ==========================================================================
   This file contains the Base Styles and Reset rules.
   It ensures consistent rendering across different browsers and sets up
   global typography and body settings.
*/

/* Reset margins and paddings for all elements */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* Ensures padding doesn't affect total width */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Base Body Styles */
body {
    background-color: var(--bg-color);
    /* From variables.css */
    color: var(--text-color);
    line-height: 1.6;
    /* Improve readability */
}

/* Links Reset */
a {
    text-decoration: none;
    /* Remove underline */
    color: inherit;
    /* Inherit color from parent */
}

/* List Reset */
ul {
    list-style: none;
    /* Remove bullet points */
}

/* Typography Adjustments */
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3;
}