/* Ekologija.hr v2.0.0. Brand colours, font stack and heading scale from root/assets/css/style.css. */
:root {
 --forest-950:#052718; --forest-900:#073a25; --forest-850:#0a422b; --forest-800:#0f5134; --forest-700:#19623f;
 --lime-500:#9bd844; --lime-600:#7fb31a; --lime-100:#eff8dd;
 --ink-950:#0d2d35; --ink-900:#123943; --ink-700:#425b62; --ink-600:#5d7075;
 --page:#f7f9f5; --surface:#fff; --mint:#eef6e8; --cream:#f5ecd9; --cream-soft:#fbf6eb;
 --line:#dce7da; --line-strong:#c9d8c6; --danger:#a33a3a;
 --page-max:1296px; --gutter:clamp(16px,2.2vw,32px);
 --font-ui:Inter,Arial,sans-serif; --font-heading:Inter,Arial,sans-serif;
 --text-xs:11px; --text-sm:13px; --text-base:16px; --text-lg:18px;
 --heading-section:26px; --heading-rail:23px; --heading-tracking:-.045em;
 --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px;
 --radius-xs:8px; --radius-sm:11px; --radius-md:16px; --radius-lg:22px; --radius-xl:28px; --radius-pill:999px;
 --shadow-sm:0 8px 24px rgba(15,49,38,.06); --shadow-md:0 18px 48px rgba(15,49,38,.11); --shadow-lg:0 30px 78px rgba(4,38,23,.16);
 --header-height:76px; --status-height:30px; --control-height:44px;
 --surface-forest:linear-gradient(125deg,#0f5134 0%,#073a25 65%,#052718 100%);
 --surface-sage:linear-gradient(128deg,#eef6e8 0%,#f7f9f5 62%,#e4efdf 100%);
 /* Responsive breakpoints: 1200 navigation, 1023 rail, 767 cards, 559 mobile. */
}