/* ======================================================
GSE V3 — BASE SYSTEM
Author: Just A Mowment

Purpose
------------------------------------------------------
• Design tokens (colours, spacing, radius)
• Safe reset (non-destructive)
• Typography baseline

RULE:
No component styling here
====================================================== */


/* ======================================================
CSS VARIABLES (TOKENS)
====================================================== */

:root{

    /* === COLOURS === */

    --gse-green-900:#14532d;
    --gse-green-700:#15803d;
    --gse-green-500:#22c55e;

    --gse-bg-soft:#ecfdf5;
    --gse-border:#e5e7eb;
    --gse-text:#334155;


    /* === SPACING === */

    --gse-space-xs:6px;
    --gse-space-sm:10px;
    --gse-space-md:16px;
    --gse-space-lg:24px;


    /* === RADIUS === */

    --gse-radius-sm:10px;
    --gse-radius-md:14px;
    --gse-radius-lg:16px;


    /* === SHADOWS === */

    --gse-shadow-soft:
        0 6px 18px rgba(15,23,42,0.06);

}




/* ======================================================
SAFE RESET (SCOPED)
====================================================== */

.gse-calculator-v3 *{

    box-sizing:border-box;

}

.gse-calculator-v3 button{

    font:inherit;

}


/* ======================================================
TYPOGRAPHY
====================================================== */

.gse-calculator-v3{

    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    color:var(--gse-text);

    line-height:1.4;

}


/* ======================================================
HEADINGS
====================================================== */

.gse-calculator-v3 h3{

    margin:0;

}


/* ======================================================
BUTTON RESET SAFETY
====================================================== */

.gse-calculator-v3 button{

    outline:none;
    border:none;

}