/* css/base.css (v1) */

/* 1) VARIABLES */
:root {
    --pp-blue: #0A174E;
    --pp-red: #C8102E;
    --pp-yellow: #FFD700;
    --pp-white: #FFFFFF;
}

/* 2) RESET & BOX-SIZING */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 3) SMOOTH SCROLL */
html {
    scroll-behavior: smooth;
}

/* 4) TYPOGRAPHY */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Lora:wght@400;700&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
    color: var(--pp-blue);
    background: var(--pp-white);
    line-height: 1.6;
}

h1,
h2 {
    font-family: 'Lora', serif;
    color: var(--pp-blue);
}