/* ==========================================================================
   Green Media Pay — design tokens
   Shared by the public site (app.css) and the admin panel (admin.css).
   ========================================================================== */
:root {
    --color-ink: #111111;
    --color-paper: #F5F5EF;
    --color-white: #FFFFFF;
    --color-forest: #173F35;
    --color-night: #0D1814;
    --color-mint: #65C38C;
    --color-muted: #66645F;
    --color-error: #8C3A24;

    --color-line: rgba(17, 17, 17, 0.10);
    --color-line-strong: rgba(17, 17, 17, 0.18);
    --color-line-light: rgba(245, 245, 239, 0.14);
    --color-line-light-strong: rgba(245, 245, 239, 0.16);
    --color-text-light: rgba(245, 245, 239, 0.72);

    --font-sans: Manrope, 'Helvetica Neue', Helvetica, sans-serif;
    --font-serif: 'Instrument Serif', Georgia, serif;

    --ease-out: cubic-bezier(.16, 1, .3, 1);
    --radius: 10px;
    --container-width: 1320px;
    --gutter: clamp(20px, 5vw, 64px);
}