:root {
    /* Colors */
    --bg-color: #1F3B1B; /* Dark green background */
    --card-bg: #EBEBEB; /* White background for the main card */
    --text-color: #000000; /* Default text color */
    --primary-color: #1F3B1B; /* Example primary accent color */
    --purchase-price-color: #FC8320;
    --expected-delivery-color: #BEBEBE;

    --border-color-dark: #1F3B1B;
    --border-color: #D3D3D3;

    /* Top nav */
    --top-nav-bg-color: #D9D9D9;

    /* Sun and snowflake icon */
    --sun-icon-color: #FFC107;
    --snow-flake-icon-color: #007BFF;

    /* Add to shopping cart */
    --add-to-shopping-cart-btn-color: #138612;

    /* Energy label colors */
    --energy-a: #039A3E;
    --energy-b: #A2C617;
    --energy-c: #FFEE00;
    --energy-d: #FABA00;
    --energy-e: #E20312;

    /* Checkout status bar */
    --checkout-status-color: #FAFAFA;
    --checkout-status-completed: #82C91E;
    --checkout-btn-color: #82C91E;
    --checkout-btn-hover-color: #6ead14;

    /* Sizing */
    --container-width: 90%;
    --max-container-width: 1350px;
    --border-radius: 12px;
    --padding: 20px;
    --max-height: 100vh; /* Ensures main card doesn't exceed viewport height */
    --min-height: 100vh; /* Ensures main card doesn't exceed viewport height */

    /* Typography */
    --font-family: 'Arial', sans-serif;
    --font-size-base: 14px;
    --font-size-large: 16px;
    --font-size-small: 12px;
    --font-weight-normal: 400;
    --font-weight-bold: 700;
}