/* ==========================================================
   BASE › VARIABLES
   Design tokens — custom properties usadas em todo o projeto
   ========================================================== */

:root {
    --green-950: #003f26;
    --green-900: #06472d;
    --green-700: #176b3a;
    --green-100: #ecf7e7;
    --orange: #ff8617;
    --orange-dark: #8b4b12;
    --cream: #fff9ef;
    --ink: #123126;
    --muted: #52645c;
    --line: rgba(0, 63, 38, 0.14);
    --shadow: 0 18px 50px rgba(0, 44, 27, 0.12);

    /* Safe-area insets (iOS notch / Dynamic Island) */
    --safe-top:    env(safe-area-inset-top,    0px);
    --safe-right:  env(safe-area-inset-right,  0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --safe-left:   env(safe-area-inset-left,   0px);
}