/*OVO JE NOVI SITE.CSS*/

:root {
    /* Bridge: legacy cc vars → ZT tokens (zt-tokens.css mora biti učitan prije) */
    --waco-primary:        var(--zt-blue-800);
    --waco-primary-dark:   var(--zt-blue-700);
    --waco-primary-hover:  var(--zt-blue-400);
    --waco-primary-light:  var(--zt-blue-100);
    --waco-text:           var(--zt-grey-900);
    --waco-text-muted:     rgba(255, 255, 255, 0.7);
    --waco-text-light:     var(--zt-grey-500);
    --waco-border:         var(--zt-grey-300);
    --waco-bg:             var(--zt-grey-200);
    --waco-white:          var(--zt-white);
    --waco-max-width:      1280px;
    --waco-font:           var(--zt-font-sans);
    --waco-font-size:      13px;
    --waco-radius:         10px;
    --waco-shadow:         0 1px 3px rgba(0, 0, 0, 0.08);
    /* Spacing scale: 4 / 8 / 12 / 16 / 24 / 32 */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-6: 24px;
    --sp-8: 32px;
}