:root {
    --main-green: #14532de6;
    --accent-green: #8FBC8F; 
    --accent-green-r: 143;
    --accent-green-g: 188;
    --accent-green-b: 143;

    --text-light: #201212;
    --text-dark: #1a1a1a;
    --background-dark: #000000;
    --surface-dark: #1c1c1c; 
    --border-dark: #333333;
}

@font-face {
    font-family: 'CalSans';
    src: url('../fonts/CalSans-Regular.ttf') format('truetype');
    font-display: swap;
}

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

html {
    font-size: 16px; /* Base font size */
}

body {
    font-family: 'CalSans', sans-serif;
    background-color: var(--background-dark);
    color: var(--text-light);
    line-height: 1.6;
    display: flex; /* For centering login container */
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Ensure body takes full viewport height */
    padding: 20px; /* Some padding for smaller screens */
}