/* VARIABLES */
:root {
    /* Colors */
    /* Colors */
    --first-color: #6abf4b;
    /* Brisa Green (approx from logo) */
    --first-color-alt: #58a33d;
    /* Darker Green */
    --title-color: #1d1d1f;
    /* Mac Dark Grey */
    --text-color: #86868b;
    /* Mac Light Grey */
    --body-color: #f8fafc;
    /* Soft cloud white */
    --container-color: rgba(255, 255, 255, 0.8);
    /* Glass Base */
    --accent-color: #6abf4b;

    /* Fonts */
    --body-font: 'Manrope', -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
    --title-font: 'Manrope', -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;

    /* Font Sizes */
    --big-font-size: 2.5rem;
    --h1-font-size: 3rem;
    /* Increased to 3rem as requested */
    --h2-font-size: 1.5rem;
    --h3-font-size: 1.25rem;
    --normal-font-size: 1rem;
    --small-font-size: 0.875rem;
    --smaller-font-size: 0.813rem;

    /* Font Weights */
    --font-medium: 500;
    --font-semi-bold: 600;
    --font-bold: 700;

    /* Z-index */
    --z-tooltip: 10;
    --z-fixed: 100;
    --z-modal: 1000;
}

/* Responsive Typography */
@media screen and (min-width: 968px) {
    :root {
        --big-font-size: 3.5rem;
        --h1-font-size: 2.5rem;
        --h2-font-size: 2rem;
        --h3-font-size: 1.5rem;
        --normal-font-size: 1.125rem;
        --small-font-size: 1rem;
        --smaller-font-size: 0.875rem;
    }
}