/* =========================================================================
   TOKENS — design-variabler (farger, typografi, former).
   Hvert tema (css/themes/*.css) overstyrer disse. Fresh er standard/fallback.
   ========================================================================= */
:root {
    --bg:        #f6faf5;
    --surface:   #ffffff;
    --text:      #16261b;
    --muted:     #5d6b62;
    --primary:   #4ea63f;
    --primary-ink: #ffffff;
    --accent:    #2f8f6f;
    --line:      #e6ece6;

    --radius:    18px;
    --radius-sm: 12px;
    --shadow:    0 10px 30px -12px rgb(20 40 25 / .18);
    --shadow-lg: 0 30px 60px -20px rgb(20 40 25 / .28);

    --font-head: "Sora", system-ui, sans-serif;
    --font-body: "Inter", system-ui, sans-serif;

    --maxw: 1180px;
    --ease:  cubic-bezier(.2, .7, .2, 1);
}