@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Open+Sans:wght@400;600&display=swap');

:root{
    --primary-font-family: 'Open Sans', Arial, sans-serif;
    --light-text-color: #FAF9F6;
    --dark-text-color: #343434;
    --color-R1: #E01F35; /*Button Base*/
    --color-R2: #C51B2F; /*Button Border*/
    --color-R3: #9D1525;
    --color-L0: #F8F9F8; /*Containers*/
    --color-L1: #EBEBEB; /*Background*/
    --color-L2: #c7c7c7; /*Input */
    --color-L3: #817c9b; /*Input Border*/
    --color-B1: #0D3B8C; /*Header*/
    --color-B2: #1C4FA3;
    --color-B3: #163E7D;
    --rad-1: 0.25rem; /*Buttons*/
    --rad-2: 0.05rem; /*Lang Button*/
    --rad-3: 3rem; /*Parts List Mobile*/
    --rad-4: 1.5rem;
    --title-font-size: 2.5rem;
    --title-font-weight: 500;
}
*{
    font-family: 'Open Sans', Arial, sans-serif;
    color: var(--dark-text-color);
}
body {
    background-color: var(--color-L1);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    overflow-x: hidden;   /* ✅ keeps horizontal clean */
    overflow-y: auto;     /* ✅ allows vertical scroll */
    width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

h1 {
    font-size: 2.25em;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.4em;
}
a {
    text-decoration: none;
    margin: 0;
}
p{
    margin: 0;
    font-size: 1.2rem;
}
textarea{
    font-size: 28px;
}
input{
    
    padding-left: 0.8rem;
    background: var(--color-L0);
    border: 1px solid var(--color-L3);
    border-radius: var(--rad-1);  
}
span{
    font-size: 1.4rem;
}
label{
    font-size: 1.1rem;
}
@media screen and (min-width: 1025px){
    
h1 {
    font-size: 1.3rem;
}

h2 {
    font-size: 1.2rem;
}

h3 {
    font-size: 1rem;
}
}